css

src/assets/css/smt/index.min.css

 .smt { width: 100%; }
 .smt .head { position: relative; width: 100%; height: 7.693rem; background: url("../../images/smt/bg.jpg") no-repeat center; background-size: cover; }
 .smt .head .head-form { position: absolute; bottom: -1.6rem; left: 0; right: 0; margin: 0 0.467rem; padding: 0 0 0.373rem 0; background-color: #ffffff; box-shadow: 2px 3px 4px 0px rgba(198, 211, 233, 0.75); border-radius: 2px; }
+.smt .head .head-form.head-form-mt { bottom: -3rem; }
 .smt .head .head-form .inp-wrap { border-bottom: 1px solid #dcdcdc; margin: 0 0.667rem; }
 .smt .head .head-form .inp-wrap label { width: 80px; font-size: 15px; color: #666666; }
 .smt .head .head-form .inp-wrap label em { color: #73a0e2; margin-right: 0.253rem; }
@@ -11,6 +12,7 @@
 .smt .head .head-form .error { font-size: 13px; color: #ff6600; position: absolute; left: 1rem; bottom: 58px; font-weight: normal; }
 .smt .head .head-form .btn { margin: 0.707rem 0.667rem 0 0.667rem; height: 39px; line-height: 39px; text-align: center; background-color: #4e8eee; border-radius: 2px; font-size: 14px; color: #ffffff; display: block; }
 .smt .section { border-top: 2rem solid #dfe5ee; background: #fff; padding-bottom: 1rem; }
+.smt .section.section-mt { border-top: 3.5rem solid #dfe5ee; }
 .smt .section .section-wrap { padding: 0 0.467rem; }
 .smt .section .section-wrap .tit { padding: 0.387rem 0 0.4rem 0; }
 .smt .section .section-wrap .tit .ico-1 { width: 16px; height: 17px; background: url("../../images/smt/i1.png") no-repeat center top; background-size: cover; }

src/assets/css/smt/index.scss

@@ -16,6 +16,9 @@
       background-color: #ffffff;
       box-shadow: 2px 3px 4px 0px rgba(198, 211, 233, 0.75);
       border-radius: 2px;
+      &.head-form-mt{
+        bottom: -3rem;
+      }
       .inp-wrap {
         border-bottom: 1px solid #dcdcdc;
         margin: 0 0.667rem;
@@ -72,6 +75,9 @@
     border-top: 2rem solid #dfe5ee;
     background: #fff;
     padding-bottom: 1rem;
+    &.section-mt{
+      border-top: 3.5rem solid #dfe5ee;
+    }
     .section-wrap {
       padding: 0 0.467rem;
       .tit {

src/views/smt/Index.vue

 <template>
     <section class="smt boxsiz">
         <div class="head boxsiz">
-            <div class="head-form boxsiz">
+            <div class="head-form boxsiz" :class="{'head-form-mt':verifyCodeFlag}">
                 <div class="inp-wrap boxsiz">
                     <label class="lineBlock va-m"><em class="va-m">*</em>联系人</label>
                     <input id="linkName" type="text" placeholder="" v-model="form.linkName" class="inp">
@@ -19,7 +19,7 @@
                 <a href="javascript:;" class="btn" @click="submit()">确定提交</a>
             </div>
         </div>
-        <div class="section boxsiz">
+        <div class="section boxsiz" :class="{'section-mt':verifyCodeFlag}">
             <div class="section-wrap wrap-1 boxsiz">
                 <p class="tit boxsiz">
                     <i class="ico-1 lineBlock va-m"></i>

src/views/supplier/Index.vue

@@ -6,8 +6,8 @@
                 <dl class="head-form-wrap boxsiz">
                     <dd class="inp-wrap boxsiz">
                         <label class="lineBlock va-m"><em>*</em>公司名称：</label>
-                        <input type="text" id="com_name" placeholder="请输入公司名称" class="va-m inp" v-model="form.com_name">
-                        <p class="hint" :class="{'f-orange':firmNum>=50}"><span>{{firmNum}}</span>/50</p>
+                        <input type="text" id="com_name" placeholder="请输入公司名称" class="va-m inp" v-model="form.com_name" maxlength="50">
+                        <p class="hint" :class="{'f-orange':firmNum>=max}"><span>{{firmNum}}</span>/50</p>
                     </dd>
                     <dd class="inp-wrap boxsiz">
                         <label class="lineBlock va-m"><em>*</em>&nbsp;联&nbsp;系&nbsp;人：</label>
@@ -34,7 +34,7 @@
                     </dd>
                     <dd class="inp-wrap boxsiz">
                         <label class="lineBlock va-m"><em></em>主营产品：</label>
-                        <textarea class="lineBlock va-m boxsiz" placeholder="请输入" v-model="form.main_brand"></textarea>
+                        <textarea class="lineBlock va-m boxsiz" placeholder="请输入" v-model="form.main_brand" maxlength="50"></textarea>
                         <p class="hint" :class="{'f-orange':secondNum>=50}"><span>{{secondNum}}</span>/50</p>
                     </dd>
                 </dl>