图标问题

src/components/setup/basicSetUp.vue

@@ -101,6 +101,9 @@
     width: 100%;
     height: 100%;
   }
+  .basicSetUp .inputM_l{
+    margin-left: 20px;
+  }
 </style>
 <template>
   <div class="basicSetUp">
@@ -111,42 +114,42 @@
           <div class="form-body">
             <el-form :model="msg" :rules="rules" ref="msg" label-width="130px" style="padding:0 50px;">
               <el-form-item label="商城名称" prop="MallName" class="is-required">
-                <el-input v-model="msg.MallName"/>
+                <el-input v-model="msg.MallName" class="inputM_l"/>
               </el-form-item>
               <el-form-item label="联系号码" prop="password1">
-                <el-input v-model="msg.ContactNumber" @keyup.native="checkInteger(msg,'ContactNumber')" type="text"/>
+                <el-input v-model="msg.ContactNumber" @keyup.native="checkInteger(msg,'ContactNumber')" type="text" class="inputM_l"/>
               </el-form-item>
               <el-form-item label="外链客服链接" prop="password2">
-                <el-input v-model="msg.OuterServiceLink"/>
+                <el-input v-model="msg.OuterServiceLink" class="inputM_l"/>
               </el-form-item>
               <el-form-item label="一键导航">
                 <el-form-item label="详细地址" label-width="80px">
-                  <el-input v-model="msg.Address"/>
+                  <el-input v-model="msg.Address" class="inputM_l"/>
                 </el-form-item>
                 <el-form-item label="经纬度" style="margin-top: 15px;" label-width="80px">
                   <el-tooltip class="item" effect="dark" content="点击地图，可获取经纬度" placement="top"
-                              style="position: absolute;left: -20px;top:13px">
+                              style="position: absolute;left: -10px;top:13px">
                     <i class="el-tooltip el-icon-info"></i>
                   </el-tooltip>
 
-                  <el-input v-model="msg.LongAndLat" :disabled="true"/>
+                  <el-input v-model="msg.LongAndLat" :disabled="true" class="inputM_l"/>
                 </el-form-item>
                 <el-form-item label="地图" style="margin-top: 15px" label-width="80px">
-                  <button class="el-button el-button--default el-button--small">
+                  <button class="el-button el-button--default el-button--small inputM_l">
                     展开地图
                   </button>
                 </el-form-item>
               </el-form-item>
               <el-form-item label="跳转小程序">
                 <el-tooltip class="item" effect="dark" content="悬浮按钮跳转小程序" placement="top"
-                            style="position: absolute;left: -20px;top:13px">
+                            style="position: absolute;left: -10px;top:13px">
                   <i class="el-tooltip el-icon-info"></i>
                 </el-tooltip>
                 <el-form-item label="小程序appId" label-width="120px">
-                  <el-input v-model="msg.MinAppId" placeholder="请输入跳转小程序AppId"/>
+                  <el-input v-model="msg.MinAppId" placeholder="请输入跳转小程序AppId" class="inputM_l"/>
                 </el-form-item>
                 <el-form-item label="小程序路径" label-width="120px" style="margin-top: 15px">
-                  <el-input v-model="msg.MinUrl" placeholder="请输入跳转小程序路径"/>
+                  <el-input v-model="msg.MinUrl" placeholder="请输入跳转小程序路径" class="inputM_l"/>
                 </el-form-item>
               </el-form-item>
             </el-form>
@@ -158,20 +161,20 @@
             <el-form :model="msg" :rules="rules" ref="msg" label-width="200px" style="padding:0 20px;">
               <el-form-item label="未支付订单超时时间" prop="CancelTime">
                 <el-tooltip class="item" effect="dark" content="注意：如果设置为0，则为支付订单将不会被取消" placement="top"
-                            style="position: absolute;left: -20px;top:13px">
+                            style="position: absolute;left: -10px;top:13px">
                   <i class="el-tooltip el-icon-info"></i>
                 </el-tooltip>
-                <el-input v-model="msg.CancelTime" type="number">
+                <el-input v-model="msg.CancelTime" type="number" class="inputM_l">
                   <template slot="append">分</template>
                 </el-input>
               </el-form-item>
 
               <el-form-item label="自动确认收货时间">
                 <el-tooltip class="item" effect="dark" content="从发货到自动确认的时间" placement="top"
-                            style="position: absolute;left: -20px;top:13px">
+                            style="position: absolute;left: -10px;top:13px">
                   <i class="el-tooltip el-icon-info"></i>
                 </el-tooltip>
-                <el-input v-model="msg.AutoReceiving" type="number">
+                <el-input v-model="msg.AutoReceiving" type="number" class="inputM_l">
                   <template slot="append">天</template>
                 </el-input>
               </el-form-item>
@@ -179,20 +182,20 @@
               <el-form-item label="售后时间">
                 <el-tooltip class="item" effect="dark"
                             content="可以申请售后的时间。注意：分销订单中的已完成订单，只有订单已确认收货，并且时间超过设置的售后天数之后才计入其中！" placement="top"
-                            style="position: absolute;left: -20px;top:13px">
+                            style="position: absolute;left: -10px;top:13px">
                   <i class="el-tooltip el-icon-info"></i>
                 </el-tooltip>
-                <el-input v-model="msg.AfterTime" type="number">
+                <el-input v-model="msg.AfterTime" type="number" class="inputM_l">
                   <template slot="append">天</template>
                 </el-input>
               </el-form-item>
 
               <el-form-item label="支付方式">
                 <el-tooltip class="item" effect="dark" content="若都不勾选，默认选中线上支付" placement="top"
-                            style="position: absolute;left: -20px;top:13px">
+                            style="position: absolute;left: -10px;top:13px">
                   <i class="el-tooltip el-icon-info"></i>
                 </el-tooltip>
-                <el-checkbox-group v-model="msg.PayWay">
+                <el-checkbox-group v-model="msg.PayWay" class="inputM_l">
                   <el-checkbox label="线上支付"></el-checkbox>
                   <el-checkbox label="货到付款"></el-checkbox>
                   <el-checkbox label="余额支付"></el-checkbox>
@@ -202,20 +205,21 @@
 
               <el-form-item label="发货方式">
                 <el-tooltip class="item" effect="dark" content="需添加门店，到店自提方可生效" placement="top"
-                            style="position: absolute;left: -20px;top:13px">
+                            style="position: absolute;left: -10px;top:13px">
                   <i class="el-tooltip el-icon-info"></i>
                 </el-tooltip>
-                <el-checkbox-group v-model="msg.DeliverWay">
+                <el-checkbox-group v-model="msg.DeliverWay" class="inputM_l">
                   <el-checkbox label="快递配送"></el-checkbox>
                   <el-checkbox label="到店自提"></el-checkbox>
                   <el-checkbox label="同城配送"></el-checkbox>
                 </el-checkbox-group>
-                <div style="color: rgb(204, 204, 204);">
+                <div style="color: rgb(204, 204, 204);" class="inputM_l">
                   注：手机端显示排序（<span>1.同城配送 </span><span>2.到店自提 </span><span>3.快递配送 </span>）
                 </div>
               </el-form-item>
-              <el-form-item label="余额功能">
+              <el-form-item label="余额功能" >
                 <el-switch
+                  class="inputM_l"
                   :active-value="1"
                   :inactive-value="0"
                   v-model="msg.BalanceFun"
@@ -226,10 +230,10 @@
 
               <el-form-item label="商品面议联系方式">
                 <el-tooltip class="item" effect="dark" content="若客服和外链客服两者都不勾选，默认勾选客服；客服和外链客服前端统一显示为客服" placement="top"
-                            style="position: absolute;left: -20px;top:13px">
+                            style="position: absolute;left: -10px;top:13px">
                   <i class="el-tooltip el-icon-info"></i>
                 </el-tooltip>
-                <el-checkbox-group v-model="msg.ConsultWay">
+                <el-checkbox-group v-model="msg.ConsultWay" class="inputM_l">
                   <el-checkbox label="在线客服"></el-checkbox>
                   <el-checkbox label="联系电话"></el-checkbox>
                   <el-checkbox label="外链客服"></el-checkbox>
@@ -248,6 +252,7 @@
 
                 <el-form-item label="开关">
                   <el-switch
+                    class="inputM_l"
                   :active-value="1"
                   :inactive-value="0"
                     v-model="msg.MinSwitch"
@@ -258,6 +263,7 @@
 
                 <el-form-item label="背影颜色" v-if="msg.MinSwitch== true">
                   <el-color-picker
+                    class="inputM_l"
                     v-model="msg.MinBackColor"
                     show-alpha
                     :predefine="predefineColors">
@@ -288,14 +294,16 @@
 
                 <el-form-item label="提示文本内容" v-if="msg.MinSwitch== true">
                   <el-tooltip class="item" effect="dark" content="最多允许添加20个字" placement="top"
-                              style="position: absolute;left: -20px;top:13px">
+                              style="position: absolute;left: -10px;top:13px">
                     <i class="el-tooltip el-icon-info"></i>
                   </el-tooltip>
-                  <el-input v-model="msg.MinTips" @keyup="inputChange" maxlength="20" show-word-limit/>
+                  <el-input v-model="msg.MinTips" @keyup="inputChange" maxlength="20" show-word-limit class="inputM_l"/>
                 </el-form-item>
 
                 <el-form-item label="文本颜色" v-if="msg.MinSwitch== true">
+
                   <el-color-picker
+                    class="inputM_l"
                     v-model="msg.MinTipsColor"
                     show-alpha
                     :predefine="predefineColors">
@@ -303,7 +311,7 @@
                 </el-form-item>
 
                 <el-form-item label="图标颜色" v-if="msg.MinSwitch== true">
-                  <el-radio-group v-model="msg.MinIcoColor">
+                  <el-radio-group v-model="msg.MinIcoColor" class="inputM_l">
                     <el-radio :label="1">白色</el-radio>
                     <el-radio :label="2">黑色</el-radio>
                   </el-radio-group>
@@ -332,8 +340,8 @@
               </el-form-item>
 
               <el-form-item label="转发标题" >
-                <el-input v-model="msg.MinShareTitle"/>
-                <button class="el-button el-button--default el-button--small">
+                <el-input v-model="msg.MinShareTitle" class="inputM_l"/>
+                <button class="el-button el-button--default el-button--small inputM_l">
                   选择图标
                 </button>
               </el-form-item>
@@ -347,6 +355,7 @@
 
               <el-form-item label="开关">
                 <el-switch
+                  class="inputM_l"
                   :active-value="1"
                   :inactive-value="0"
                   v-model="msg.BuySwitch"
@@ -357,10 +366,10 @@
 
               <el-form-item label="轮播订单数">
                 <el-tooltip class="item" effect="dark" content="轮播最新的N条订单" placement="top"
-                            style="position: absolute;left: -20px;top:13px">
+                            style="position: absolute;left: -10px;top:13px">
                   <i class="el-tooltip el-icon-info"></i>
                 </el-tooltip>
-                <el-input v-model="msg.CarouselOrder"/>
+                <el-input v-model="msg.CarouselOrder" class="inputM_l"/>
               </el-form-item>
             </el-form>
           </div>