fix:移动适配

pages/index.vue

@@ -149,8 +149,8 @@
         </div>
         <div class="home-ad-xw" v-if="homeList3[0]">
           <div class="ad-free-img">
-            <img v-if="activeKey" :src="homeList3[activeKey].images" style="width:100%;height: 100%;object-fit: cover;" alt="">
-            <img v-else :src="homeList3[0].images" style="width:100%;height: 100%;object-fit: cover;" alt="">
+            <img v-if="activeKey" :src="homeList3[activeKey].images" style="width:100%;height: 100%;" alt="">
+            <img v-else :src="homeList3[0].images" style="width:100%;height: 100%;" alt="">
 
           </div>
           <div class="ad-free-content">

pages/m_user/index.vue

@@ -403,8 +403,7 @@ export default {
 }
 
 .ad-free-content .ant-btn-primary {
-  width: 400px;
-  font-size: 80px !important;
+  width: 100px;
   background-color: #526eea !important;
   border-color: #526eea !important;
   color: #fff !important;
@@ -429,14 +428,13 @@ export default {
   border-color: #526eea !important;
   color: #fff !important;
   // width: 150px;
-  width: 500px !important;
-  height: 200px !important;
-  font-size: 60px !important;
+  width: 100px !important;
+  height: 50px !important;
 }
 
 .home-bottom .ant-btn {
-  width: 500px !important;
-  height: 200px !important;
+  width: 100px !important;
+  height: 50px !important;
   font-size: 60px;
 }
 
@@ -456,7 +454,7 @@ export default {
 }
 
 .ant-btn-primary {
-  height: 200px;
+  height: 50px;
 }
 .ant-modal-title {
   font-size: 20px;
@@ -479,4 +477,5 @@ export default {
   font-weight: 700;
   color: #fff;
 }
+
 </style>

pages/user/m_user.vue

@@ -407,6 +407,7 @@ export default {
   background-color: #526eea !important;
   border-color: #526eea !important;
   color: #fff !important;
+  font-size: 80px;
 }
 
 .ant-btn-primary {
@@ -458,7 +459,7 @@ export default {
   height: 200px;
 }
 .ant-modal-title {
-  font-size: 20px;
+  font-size: 50px;
 }
 
 .van-nav-bar {
@@ -478,4 +479,9 @@ export default {
   font-weight: 700;
   color: #fff;
 }
+.ant-message {
+  font-size: 30px !important;
+  height: 200px !important;
+  line-height: 200px !important;
+}
 </style>

postcss.config.js

@@ -29,7 +29,7 @@ module.exports = {
        */
       selectorBlackList: [/^.ant-modal$/,/^.ant-input$/,/^.ant-form-item$/,/^.ant-form$/,/^.ant-modal-body$/,/^.ant-modal-header$/,/^.ant-modal-content$/,
       /^.ant-input-lg$/,/^.van-nav-bar$/,/^.van-nav-bar__content$/,/^.van-nav-bar__title$/,/^.van-nav-bar__right$/,/^.van-dropdown-menu__title$/,/^.van-cell$/,
-    /^.van-dropdown-menu__bar$/,/^.van-nav-bar__left$/,/^.ad-free-img$/,/^.ad-free-content$/,/^.home-ad-xw$/,/^.ant-collapse$/],       
+    /^.van-dropdown-menu__bar$/,/^.van-nav-bar__left$/,/^.ad-free-img$/,/^.ad-free-content$/,/^.home-ad-xw$/,/^.ant-collapse$/,],       
       // (Number) 设置最小的转换数值，如果为1的话，只有大于1的值会被转换
       minPixelValue: 1,
       // (Boolean) 媒体查询里的单位是否需要转换单位

static/index.less

@@ -330,7 +330,7 @@ body {
     // height: 500px;
     height: 330px;
     margin-right: 50px;
-    padding: 30px;
+    // padding: 30px;
   }
 
   .ad-free-content {

static/m_index.less

@@ -186,12 +186,14 @@ body {
 
     .home-static-btn {
       // margin-top: 18px;
-      height: 100px;
-      font-size: 60px !important;
-      border-radius: 100px;
+      height: 200px;
+      // font-size: 60px !important;
+      border-radius: 200px;
+      line-height: 200px;
       color: #723bed;
-      padding: 0 80px;
+      padding: 0 100px;
       // width: 150px;
+      font-size: 80px;
       cursor: pointer;
     }
 
@@ -307,7 +309,7 @@ body {
   }
 }
 .add-title{
-  font-size: 50px;
+  // font-size: 50px;
 }
 
 .yc {