供应商 添加物流样式优化

src/main/resources/static/css/supplier-center/order/logistics.css

@@ -51,7 +51,8 @@
     .defineBtn{overflow: hidden;padding: 20px;}
     .defineBtn>div{float: right;}
     .icon.add-company:before{width: 20px;height: 25px;background-position: -307px -511px}
-     .icon.sub-company:before{width: 20px;height: 25px;background-position: -337px -511px}
+    .icon.sub-company:before{width: 20px;height: 25px;background-position: -337px -511px}
+
 }
 
 /*移动*/
@@ -87,7 +88,8 @@
     input::placeholder,textarea::placeholder {color: #9aa5b5;font-size:3.2vw;}
     textarea::placeholder {color: #9aa5b5;}
     .red{color: #f94b4b;}
-    .companyBtn{width: 11.8vw;height: 11.8vw;background-color: #ffffff;border-radius: .53vw;border: solid .27vw #b8bfca;margin-left: .53vw;cursor: pointer;font-size: 4.8vw;color: #b8bfca;}
+    .companyBtn{width: 11.8vw;height: 11.8vw;background-color: #ffffff;border-radius: .53vw;border: solid .27vw #b8bfca;
+    margin-left: .53vw;cursor: pointer;color: #b8bfca;position: relative;top: 5px}
     .mIcon.add{background: url(/img/account/add.png) no-repeat;height: 23vw;display: block;    background-size: 23vw;}
     .upload-file{position: relative;float: left;margin: 0 2.7vw 2.7vw 0px;cursor: pointer;width: 23vw;height: 23vw;border-radius: .53vw;}
     .input-file{width: 23vw;height:23vw;opacity: 0;cursor: pointer;position: absolute;top: 0;}
@@ -107,5 +109,6 @@
     .defineBtn button{width: 100%;height: 11.2vw;line-height: 11.2vw;text-align: center;color: #fff;background-color: #e15616;border-radius: .53vw;border: solid .27vw #e15616;cursor: pointer;margin-bottom: 2.7vw}
     .defineBtn button:nth-child(2){background:#ffe6dc;color: #e15616 }
     .defineBtn{overflow: hidden;margin-top: 4vw}
-
+    .mIcon.add-company:before{width: 5.3vw;height: 6.7vw;background-position: -33.9vw -68.8vw}
+    .mIcon.sub-company:before{width: 5.3vw;height:6.7vw;background-position: -41.3vw -68vw}
 }

src/main/resources/templates/supplier-center/order/logistics.html

@@ -68,7 +68,7 @@
                     <div class="add-wrap">
                         <div class="company-number" v-for="(item,index) in logisticList" :key="index">
                             <div class="logist-left">
-                                <i class="red icon">*</i>
+                                <span class="red icon">*</span>
                                 物流公司：
                                 <select name="" :id="'logistics'+ index" class="logistics-company-name company"
                                         @change="ChangeLogistics($event,item,index)">
@@ -77,19 +77,19 @@
                                             :name='kd.label'>{{kd.label}}
                                     </option>
                                 </select>
-                                <button class="add-company companyBtn icon" @click="addBtn()" v-if="index==0"></button>
-                                <button class="sub-company companyBtn icon" @click="subBtn(item)" v-else></button>
+                                <button class="add-company companyBtn icon mIcon" @click="addBtn()" v-if="index==0"></button>
+                                <button class="sub-company companyBtn icon mIcon" @click="subBtn(item)" v-else></button>
                             </div>
                             <div class="logist-right">
                                 <div v-for="(num,numIndex) in item.numList" :key="numIndex">
-                                    <i class="red">*</i>
+                                    <span class="red">*</span>
                                     物流编号：
                                     <input type="text" v-model="num.number" class="logistics-order-number company"
                                            oninput="value=value.replace(/[^\d]/g,'')" placeholder="请输入物流编号">
-                                    <button class="add-company companyBtn icon" @click="addNum(item,numIndex)"
+                                    <button class="add-company companyBtn icon mIcon" @click="addNum(item,numIndex)"
                                             v-if="numIndex==0">
                                     </button>
-                                    <button class="sub-company companyBtn icon" v-else @click="reduceBtn(item)"></button>
+                                    <button class="sub-company companyBtn icon mIcon" v-else @click="reduceBtn(item)"></button>
                                 </div>
                             </div>
                         </div>