update: ui

src/views/card/form.vue

@@ -42,11 +42,11 @@
           <span slot="title">
             <div class="info-line">
               <div class="dot"></div>
-              1、若需创建在微盟微商城与线下都可用的卡券，请在下方选择对应的微盟卡券。GIC卡券的相关信息应与对应的微盟卡券保持一致，避免核销客诉！
+              <p style="margin-left: 8px;">1、若需创建在微盟微商城与线下都可用的卡券，请在下方选择对应的微盟卡券。GIC卡券的相关信息应与对应的微盟卡券保持一致，避免核销客诉！</p>
             </div>
             <div class="info-line">
-              <div class="dot"></div>
-              2、若需创建在微盟微商城与线下都可用的卡券，请确保微盟侧【设置-订单设置-售后流程设置】中的“售后退券设置”为“支付前整单取消，退优惠券”，而不是其他设置，否则会导致微盟订单自动取消！
+              <div class="dot" style="top: 6px;"></div>
+              <p style="margin-left: 8px;">2、若需创建在微盟微商城与线下都可用的卡券，请确保微盟侧【设置-订单设置-售后流程设置】中的“售后退券设置”为“支付前整单取消，退优惠券”，而不是其他设置，否则会导致微盟订单自动取消！</p>
             </div>
           </span>
         </el-alert>
@@ -428,7 +428,7 @@ export default cardForm;
   margin-bottom: 80px !important;
 }
 .f-alert {
-  width: 900px !important;
+  width: 920px !important;
   /deep/ .el-alert__content {
     line-height: 18px;
   }
@@ -436,13 +436,15 @@ export default cardForm;
     align-items: center;
     display: flex;
     color: #303133;
+    position: relative;
   }
   .dot {
     width: 5px;
     height: 5px;
     background: #faad14;
     border-radius: 2.5px;
-    display: inline-block;
+    left: -5px;
+    position: absolute;
     margin-right: 8px;
   }
 }