开店申请移动端样式修改

pages/mobile/user/bindEnterprise.vue

@@ -50,21 +50,22 @@
         <div class="mobile-modal-headerjilu" ref="mobileModalBox">
           <div>
             <div class="record-wrap">
-            <div class="record-title">
-              <span>企业名称</span>
-              <span>管理员</span>
-              <span>申请时间</span>
-              <span>状态</span>
+              <div class="record-title">
+                <span>企业名称</span>
+                <span>管理员</span>
+                <span>申请时间</span>
+                <span>状态</span>
+              </div>
+              <ul>
+                <li v-for="item in applyList">
+                  <span>{{item.enName}}</span>
+                  <span>{{item.adminName}}</span>
+                  <span>{{item.date | date}}</span>
+                  <span :class="{'green-text': item.status === 311, 'red-text': item.status === 317}">{{item.status | status}}</span>
+                </li>
+              </ul>
+             <div style="position: relative;height: 1rem;"></div>
             </div>
-            <ul>
-              <li v-for="item in applyList">
-                <span>{{item.enName}}</span>
-                <span>{{item.adminName}}</span>
-                <span>{{item.date | date}}</span>
-                <span :class="{'green-text': item.status === 311, 'red-text': item.status === 317}">{{item.status | status}}</span>
-              </li>
-            </ul>
-          </div>
           </div>
         </div>
       </div>
@@ -318,6 +319,7 @@
       overflow: hidden;
       height: 90%;
       .record-wrap {
+        font-size: 0.28rem;
         padding: 0 .18rem;
         .record-title {
           height: 28px;
@@ -327,9 +329,6 @@
           color: #fff;
         }
         ul {
-          max-height: 150px;
-          overflow-y: auto;
-          overflow-x: hidden;
           li {
             border-bottom: 1px solid #e8e8e8;
             height: 30px;