顶部的优化

yvan.ni
1 parent b740ad1f
Showing 3 changed files with 8 additions and 6 deletions
components/com_top_nav/com_top_nav.js
components/com_top_nav/com_top_nav.wxml
components/com_top_nav/com_top_nav.wxss
@@ -15,13 +15,14 @@ Component({
     iurl: os.imghost,
     height:0,
     h1:0,
-    h2:0
+    h2:0,
+    user_id:0
   },
   ready: function() {
       let height= getApp().globalData.navBarHeight;
       let menuInfo = getApp().globalData.menuInfo;
       //-- 胶囊的高度 --
-      this.setData({height,h1:menuInfo.top,h2:menuInfo.height});
+      this.setData({height,h1:menuInfo.top,h2:menuInfo.height,user_id:getApp().globalData.user_id});
   },
   methods: {
 <cover-view class="t_nav" style="height:{{height}}px;background-color:{{bcolor}};color:{{color}}">
-   <cover-view style="height:{{h1}}px"></cover-view>
+   <cover-view class="tab" style="height:{{h1}}px;">
+     ID:{{user_id}}
    <cover-view class="contant" style="height:{{h2}}px">
        <cover-view class="title_set">{{title}}</cover-view>
-       <cover-view class="tab">ID:454545</cover-view>
    </cover-view>
+
 </cover-view>
 <!-- 用于顶开层的高 -->
 <cover-view style="height:{{height}}px"></cover-view>
 \ No newline at end of file
 .t_nav{ color: #313131; position:fixed;top:0;left:0; width:100%;z-index:9999; background-color: #fff;font-size: 30rpx  }
 .title_set{ }
-.tab{ font-size:24rpx; position: absolute; right: 24rpx; top:-32rpx }
-.contant{ display: flex; justify-content: center; align-items: center; width: 100%; position: relative }
+.tab{ font-size:24rpx; display: flex;;align-items: flex-end;width: 100% }
+.contant{ display: flex; justify-content: center; align-items: center; width: 100%; }