no message

components/en-checkbox/en-checkbox.vue

@@ -125,21 +125,17 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-  @import url("../static/css/en-common.css") ;
+  @import url("../static/css/en-common.css");
   .iconfont {
     color: #3169FA;
   }
   .box{
-    background-color: #ffffff;
-    border-bottom: 2rpx solid #F0F0F0;
-    padding: 34rpx 0 32rpx 0;
     .input-box {
       display: flex;
       align-items: center;
       .input-box-left {
         width: 210rpx;
         min-width: 210rpx;
-        font-size: 32rpx;
         color: #333333;
       }
       .input-box-right{
@@ -155,9 +151,7 @@ export default {
             }
           }
         }
-
       }
-
     }
   }
 

components/en-nav/en-nav.vue

@@ -15,7 +15,7 @@
         <view style="width: 36px;"></view>
       </view>
     </view>
-    <view class="box">
+    <view class="box-title">
       <view class="" :style="[{'height': customBarH + 'px', 'padding-top': statusBarH + 'px'}]">
       </view>
     </view>
@@ -101,7 +101,7 @@
     z-index: 999999;
   }
 
-  .box {
+  .box-title {
     width: 100vw;
   }
 

components/static/css/en-common.css

@@ -10,3 +10,9 @@
     -moz-osx-font-smoothing: grayscale;
     color: #000;
 }
+.box{
+    background-color: #ffffff;
+    border-bottom: 2rpx solid #F0F0F0;
+    padding: 34rpx 0 32rpx 0;
+    font-size: 32rpx;
+}

pages/index/index.vue

@@ -1,6 +1,7 @@
 <template>
-	<view class="box">
+	<view class="box-data">
     <Nav title="首页"></Nav>
+    <view class="border-item"></view>
     <enInput v-model="text" label="用户姓名"></enInput>
     <enSend v-model="phone" ref="enSendObj" @getCode="getCode"></enSend>
     <enCheckbox v-model="type"  label="用户爱好" :checkboxData="checkboxData"></enCheckbox>
@@ -55,7 +56,10 @@
 	}
 </script>
 <style lang="scss" scoped>
-.box{
+.border-item{
+  border-bottom: 2rpx solid #F0F0F0;
+}
+.box-data{
   padding: 32rpx 32rpx 0;
   background-color: #fff;
 }