隐藏儿童体质检测并居中

build/webpack.dev.conf.js

@@ -33,7 +33,8 @@ const devWebpackConfig = merge(baseWebpackConfig, {
     contentBase: false, // since we use CopyWebpackPlugin.
     compress: true,
     // host: HOST || config.dev.host,
-    host: '192.168.3.6',
+    host: '192.168.1.106',
+    // host: '192.168.3.6',
     // host: '192.168.3.126',
     port: PORT || config.dev.port,
     open: config.dev.autoOpenBrowser,

src/components/PathInfo.vue

@@ -59,7 +59,7 @@
         </div>
         <!-- <p v-if="type==3">您已完成过一次预问诊，是否再次录入</p> -->
       </div>
-      <div class="child" v-if="child.length>0&&child[0].value==1">
+      <div class="child" v-if="child.length>0&&child[0].value==1 && !hideChild">
         <div class="baner">
           <p>{{pathInfo.hospitalName}}</p>
           <p class="big">儿童体质检测</p>
@@ -87,7 +87,8 @@
           "4":'您已完成过一次儿童体质辨识，是否再次录入',
           "6":'您已完成过一次预问诊和儿童体质辨识，是否再次录入',
         },
-        isReady:false
+        isReady:false,
+        hideChild:true  //隐藏儿童
       }
     },
     created(){
@@ -235,6 +236,7 @@
       overflow-x: auto;
       padding:0 .15rem .15rem 0;
       -webkit-overflow-scrolling: touch;  
+      text-align: center;//隐藏儿童
     }
     .emery,.child{
       display: inline-block;
@@ -242,7 +244,7 @@
       // width:5.3rem;
       width:5.1rem;
       margin-top: .91rem;
-      margin-left: .6rem;
+      // margin-left: .6rem;
       box-sizing: border-box;
       .baner{
         box-sizing: border-box;
@@ -271,19 +273,21 @@
           font-size: .24rem;
           line-height: .5rem;
           white-space: normal;
+          min-height: 100px;
         }
         button{
           width: 4rem;
           height: .88rem;
           color: #fff;
           font-size: .32rem;
-          margin-top: .20rem;
+          // margin-top: .20rem;
+          margin: .20rem 0 0 -.05rem;
           background: -webkit-gradient(linear, right top, left top, from(#4F8BFF), to(#4F4FFF));
           background: -webkit-linear-gradient(right, #4F8BFF, #4F4FFF);
           box-shadow: 0 .12rem .24rem 0 rgba(79,129,255,0.40);
           border-radius: .44rem;
-          position: absolute;
-          bottom: .7rem;
+          // position: absolute;
+          // bottom: .7rem;
         }
       }
     }