fix:pc适配

pages/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="home">
     <!-- <img class="home-back" src={require('../assets/img_home.png')} /> -->
-    <a-modal v-model="amodal" title="申请试用" on-ok="handleOk" width="720px" @afterClose="fouse" destroyOnClose>
+    <a-modal v-model="amodal" title="申请试用" on-ok="handleOk" width="400px" @afterClose="fouse" destroyOnClose centered>
       <template slot="footer">
         <div class="sub">
           <a-button key="submit" type="primary" @click="handleSubmit">
@@ -10,6 +10,11 @@
         </div>
       </template>
       <a-form :form="form" :label-col="{ span: 5 }" :wrapper-col="{ span: 50 }" @submit="handleSubmit">
+          <a-from-item>
+            <div style="height: 100px; display: flex; align-items: center; justify-content: center;color: #959595;">
+              为了我们能更好的服务您，请您填写以下信息，如遇问题，请您拨打免费服务热线：
+            </div>
+          </a-from-item>
         <a-form-item label="CompanyName">
           <!-- 公司名称 -->
           <a-input v-decorator="['companyName', { rules: [{ required: true, message: '请输入您的公司名称' }] }]"
@@ -85,18 +90,18 @@
       <div class="home-img">
         <div class="home-qa-img-row">
           <div class="container">
-            <div v-for="(p, i) in homeList1" :key="i" class="container-row">
+            <div v-for="(p, i) in homeList0" :key="i" class="container-row">
               <div class='home-qa-img-row-item'>
-                <img :src="require('../static/image/p_img_home_qs_1_' + i + '.png')" alt="">
+                <img :src="require('../static/image/p_img_home_qs_0_' + i + '.png')" alt="">
               </div>
             </div>
           </div>
         </div>
         <div class="home-qa-img-row">
           <div class="container">
-            <div v-for="(p, i) in homeList0" :key="i" class="container-row">
+            <div v-for="(p, i) in homeList1" :key="i" class="container-row">
               <div class='home-qa-img-row-item'>
-                <img :src="require('../static/image/p_img_home_qs_0_' + i + '.png')" alt="">
+                <img :src="require('../static/image/p_img_home_qs_1_' + i + '.png')" alt="">
               </div>
             </div>
           </div>
@@ -474,10 +479,27 @@ export default {
   border-color: #526eea !important;
   color: #fff !important;
   width: 150px;
-  height: 40px;
+  height: 60px;
 }
 
 .ant-collapse {
   background: #fff !important;
 }
+.ant-modal-title{
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 40px !important;
+}
+.ant-modal-header{
+  // padding: 0 !important;
+  border-bottom: 0 !important;
+  padding-top: 40px;
+}
+.ant-modal-body{
+  padding-top: 0 !important;
+}
+.ant-modal-footer{
+  border-top: 0 !important;
+}
 </style>

static/index.less

@@ -100,7 +100,7 @@ body {
 
         &>img {
           width: 100%;
-          height: 150px;
+          // height: 150px;
         }
 
         .home-qa-img-row-item-absolute {
@@ -210,10 +210,10 @@ body {
 
     .home-static-btn {
       // margin-top: 18px;
-      height: 40px;
-      border-radius: 40px;
+      height: 60px;
+      border-radius: 60px;
       color: #723bed;
-      width: 150px;
+      width: 180px;
       cursor: pointer;
     }