:lipstick: 提交按钮看不到

src/views/device/editAdRule/index.vue

@@ -3,34 +3,22 @@
     <s-header :name="$t('device.editAdRule.title')" :noback="false"></s-header>
     <div class="o-p-10 cust_vantBorder">
       <div class="l-flex-between kBordBott o-pb-20">
-        <div
-            class="c-border o-ptb-10 o-plr-12 l-flex-RC l-flex-w o-w"
-            style="padding-bottom: 0; min-height: 36px;"
-        >
-          <div
-              class="c-border l-flex-RC o-p-3 c-color-f o-mr-10 o-mb-10"
-              style="background: #e59a6d; border: 1px solid #e59a6d"
-              v-for="(item, index) in tagList"
-              :key="index"
-          >
+        <div class="c-border o-ptb-10 o-plr-12 l-flex-RC l-flex-w o-w" style="padding-bottom: 0; min-height: 36px; width: 74%;">
+          <div class="c-border l-flex-RC o-p-3 c-color-f o-mr-10 o-mb-10"
+            style="background: #e59a6d; border: 1px solid #e59a6d" v-for="(item, index) in tagList" :key="index">
             <span class="o-mr-3">{{ item.name }}</span>
             <van-icon @click.stop="delTag(item, index)" name="clear" />
           </div>
         </div>
-        <div @click="submitClk" class="submitBtn o-ml-10">
-          <van-button round type="primary">{{
-              $t("device.editAdRule.submitPush")
-            }}</van-button>
+        
+        <div @click="submitClk" class="submitBtn">
+          <van-button type="primary">{{
+            $t("device.editAdRule.submitPush")
+          }}</van-button>
         </div>
       </div>
-      <van-field
-          colon
-          :border="false"
-          v-model="cofficentForm.name"
-          clearable
-          :placeholder="$t('device.editAdRule.ruleNamePlace')"
-          :label="$t('device.editAdRule.ruleName')"
-      />
+      <van-field colon :border="false" v-model="cofficentForm.name" clearable
+        :placeholder="$t('device.editAdRule.ruleNamePlace')" :label="$t('device.editAdRule.ruleName')" />
       <div class="l-flex-center" style="margin: 16px">
         <van-button round class="searchBtn" type="primary" size="large" @click="toSearch">
           {{ $t("advertManage.advertRule.addRule.search") }}
@@ -38,13 +26,8 @@
       </div>
       <div class="o-mt-30">
         <div class="l-flex-RC l-flex-w">
-          <div
-              @click="addAllTag(item)"
-              class="c-border l-flex-RC o-p-3 c-color-f o-mr-10 o-mb-10"
-              style="background: #e59a6d; border: 1px solid #e59a6d"
-              v-for="(item, index) in allTagList"
-              :key="index"
-          >
+          <div @click="addAllTag(item)" class="c-border l-flex-RC o-p-3 c-color-f o-mr-10 o-mb-10"
+            style="background: #e59a6d; border: 1px solid #e59a6d" v-for="(item, index) in allTagList" :key="index">
             <span class="o-mr-3">{{ item.name }}</span>
           </div>
         </div>
@@ -136,10 +119,11 @@ export default {
   height: calc(100%-44px);
   overflow: hidden;
   overflow-y: auto;
+
   .submitBtn {
     flex: 0 0 80px;
 
-    :deep(.van-button--round) {
+    :deep(.van-button) {
       width: 100%;
     }
   }