content

packages/common/styles/platform-ios.less

@@ -11,7 +11,8 @@
 
   }
   .has-header {
-    padding-bottom: 1.28rem;
+    top: 1.28rem;
+    //padding-bottom: 1.28rem;
   }
   .header-top {
     margin-top: 1.26rem;

packages/components/HContent/index.vue

@@ -4,9 +4,11 @@
 */
 
 <template>
-  <section :class="cusClass" class="content">
+  <div
+    :class="cusClass" class="content" @touchstart="start"
+    @touchend="end">
     <slot/>
-  </section>
+  </div>
 </template>
 
 <script>
@@ -90,6 +92,12 @@ export default {
       let content = vm.$el
       content.style.height = (window.innerHeight - nextHeight - headerHeight) + 'px'
     },
+    start (event) {
+
+    },
+    end (event) {
+      debugger
+    },
   },
 }
 </script>

packages/components/HHeader/index.vue

@@ -57,6 +57,9 @@ export default {
     color: #4A4A4A;
     box-sizing: content-box;
     overflow: hidden;
+    position: relative;
+    z-index: 20;
+    width: 100%;
 
     .h-header-center {
       flex: 1;

src/pages/home.vue

@@ -10,22 +10,53 @@
       <tab-item>Vue</tab-item>
       <tab-item>APP</tab-item>
     </s-tab>
-    <div style="height: 60px"/>
+    <s-tab>
+      <tab-item>Vue</tab-item>
+      <tab-item>APP</tab-item>
+    </s-tab>
     <h-content id="home-content">
-      <div v-for="item in message" class="message">
-        <p v-show="false" class="message-time" v-text="item.time"/>
-        <div v-show="!item.isFromeMe" class="message-wrap">
-          <img src="../assets/image/robot/robot.png" class="head-pic">
-          <span class="triangle-left"/>
-          <p class="message" @click="showImg($event)" v-html="item.content"/>
-        </div>
-        <div v-show="item.isFromeMe" class="message-wrap">
-          <img v-show="userImg" :src="userImg" class="head-pic-right">
-          <img v-show="!userImg" src="@/assets/image/robot/user7.png" class="head-pic-right">
-          <span class="triangle-right"/>
-          <p class="message-right" v-text="item.content"/>
-        </div>
-      </div>
+      <list-item>
+        <item>
+          <section slot="name">姓名</section>
+          <input slot="content" type="text">
+        </item>
+        <item>
+          <section slot="name">年龄</section>
+          <input slot="content" type="text">
+        </item>
+        <item>
+          <section slot="name">性别</section>
+          <input slot="content" type="text">
+        </item>
+        <item>
+          <section slot="name">出生日前</section>
+          <input slot="content" type="text">
+        </item>
+        <item>
+          <section slot="name">体重</section>
+          <input slot="content" type="text">
+        </item>
+        <item>
+          <section slot="name">身高</section>
+          <input slot="content" type="text">
+        </item>
+        <item>
+          <section slot="name">血型</section>
+          <input slot="content" type="text" >
+        </item>
+        <item>
+          <section slot="name">胸围</section>
+          <input slot="content" type="text">
+        </item>
+        <item>
+          <section slot="name">腰围</section>
+          <input slot="content" type="text">
+        </item>
+        <item>
+          <section slot="name">tun</section>
+          <input slot="content" type="text">
+        </item>
+      </list-item>
     </h-content>
     <s-tab>
       <tab-item>Vue</tab-item>