商户入驻手机端布局修改调整

src/views/home/index.vue

@@ -38,9 +38,9 @@
       </div>
     </div>
     <!-- 手机端 -->
-    <div class="wap">    
+    <div class="wap">
       <div class="wapBan">
-        
+
       </div>
       <div class="wapTop">
           商家入驻
@@ -53,7 +53,8 @@
             <span>
               <img :src="item.img">{{ item.label }}
             </span>
-            <el-button @click="goToApplication(type = item.type)" type="primary">去申请</el-button>
+<!--            <el-button @click="goToApplication(type = item.type)" type="primary">去申请</el-button>-->
+            <div @click="goToApplication(type = item.type)" class="btn-box">去申请</div>
           </div>
         </div>
       </div>
@@ -277,6 +278,8 @@ export default {
   }
   .wap {
     display: none;
+    height: 100%;
+    background-color: #FAFAFA;
   }
   .pc {
     height: 100%;
@@ -305,10 +308,10 @@ export default {
     .wap {
       display: block;
 
-     
+
       // .wapBan {
       //   width: 100%;
-      
+
       //   height: 0;
       //   // 百分比：图像的高度除以其自身的宽度，然后乘以100
       //   padding-bottom: calc((height / width) * 100 + '%');
@@ -338,13 +341,16 @@ export default {
           text-align: center;
         }
       .wapCent {
-       
         width: 100%;
         .wapCentBox {
-          width: 100%;
-          margin: 0 auto 0 auto;
-          padding: 0 5% 5% 5%;
-          background: #FFFFFF;
+          //width: 100%;
+          //margin: 0 auto 0 auto;
+          padding: 8% 5% 5% 5%;
+          background: #ffffff;
+          margin-left: 20px;
+          margin-right: 20px;
+          margin-top: -40px;
+          border-radius: 30px;
           // box-shadow: 0px 1px 32px 2px #F4F4F4;
           // border-radius: 10px;
           .wapItemBox {
@@ -378,4 +384,15 @@ export default {
     }
   }
 }
+
+.btn-box{
+  height: 38px;
+  width: 90px;
+  line-height: 38px;
+  text-align: center;
+  background-color: #252744;
+  color: #ffffff;
+  border-radius: 40px;
+  font-size: 15px;
+}
 </style>