样式

src/views/trade/index.vue

@@ -32,7 +32,7 @@
               </div>
               <div style="margin: 12px 0; display: flex; align-items: center">
                 <span>购买算力 </span>
-                <van-stepper v-model="item.count" integer button-size="28" input-width="36" class="stepper" />
+                <van-stepper v-model="item.count" integer button-size="27" input-width="34" class="stepper" />
                 <span class="text1">{{ item.power_name }} </span>
               </div>
               <div style="margin: 12px 0">
@@ -600,7 +600,7 @@ export default {
     .stepper {
       border: 1px solid rgba(#4159d5, 0.8);
       border-radius: 4px;
-      margin: 0 10px;
+      margin: 0 4px;
       background-color: #f6fbfb !important;
     }
     /deep/.van-stepper__input {
@@ -685,7 +685,7 @@ export default {
     display: flex;
     align-items: center;
     .service_img {
-      padding-right: 16px;
+      padding-right: 12px;
       img {
         width: 100px;
         height: 90px;