fix:移动端适配修改

pages/user/m_user.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="申请试用" width="1000" on-ok="handleOk" centered @afterClose="fouse" destroyOnClose>
+    <a-modal v-model="amodal" title="申请试用" width="1000" on-ok="handleOk" centered @afterClose="fouse" destroyOnClose :closable="false">
       <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: 50 }" :wrapper-col="{ span: 200 }" @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: '请输入您的公司名称' }] }]"
@@ -46,7 +51,7 @@
           <a-input v-decorator="['verifyCode', { rules: [{ required: true, message: '请输入验证码' }] }]" placeholder="输入验证码"
             v-model="customer.verifyCode" size="large">
             <!-- <img src="../../static/image/img_home_modal_4.png" class="w-15 h-15" slot="prefix" alt=""> -->
-            <div slot="suffix" class="yc" style="cursor: pointer; color: #1890ff;font-size: 20px;" @click="verifyCodeFn">
+            <div slot="suffix" class="yc" style="cursor: pointer; color: #1890ff;font-size: 14px;" @click="verifyCodeFn">
               {{ countdown == 0 ? '获取验证码' : countdown }}
             </div>
           </a-input>
@@ -459,7 +464,7 @@ export default {
   height: 200px;
 }
 .ant-modal-title {
-  font-size: 50px;
+  // font-size: 80px !important;
 }
 
 .van-nav-bar {
@@ -484,4 +489,26 @@ export default {
   height: 200px !important;
   line-height: 200px !important;
 }
+
+
+.ant-modal-footer {
+  text-align: center !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>