ソースを参照

优化:优惠券列表页添加抵扣提示

萤火科技 5 年 前
親
コミット
75f8af3c86
2 ファイル変更、39 行追加、0 行削除
  1. 38 0
      src/global.less
  2. 1 0
      src/views/market/coupon/Index.vue

+ 38 - 0
src/global.less

@@ -288,4 +288,42 @@ ol {
     white-space: nowrap;
   }
 
+}
+
+// Alert 警告提示 (banner)
+.ant-alert-banner {
+  margin-bottom: 15px;
+  padding-left: 40px;
+
+  .ant-alert-message {
+    font-size: 13px;
+  }
+
+  // 黄色警告
+  &.ant-alert-warning {
+    background-color: #fffcee;
+    border: 1px solid #fff0c1;
+  }
+
+  // 标题+描述
+  &.ant-alert-with-description {
+    padding-left: 55px;
+
+    .ant-alert-icon {
+      font-size: 18px;
+      top: 16px;
+      left: 25px;
+    }
+
+    .ant-alert-message {
+      font-size: 14px;
+      margin-bottom: 6px;
+      // margin-bottom: 0;
+    }
+
+    .ant-alert-description {
+      font-size: 12.3px;
+    }
+  }
+
 }

+ 1 - 0
src/views/market/coupon/Index.vue

@@ -1,6 +1,7 @@
 <template>
   <a-card :bordered="false">
     <div class="card-title">{{ $route.meta.title }}</div>
+    <a-alert message="注:优惠券只能抵扣商品金额,最多优惠到0.01元,不能抵扣运费" banner />
     <div class="table-operator">
       <a-row>
         <a-col :span="6">