hide app-bar

Author: xxxBW

miniprogram/app-bar/index.js

@@ -31,11 +31,19 @@ Component({
   },
 
   data: {
+    showAppbar: false,
     maxCoverSize: 0,
     statusBarHeight: 0,
     musicCover: 'https://res.wx.qq.com/op_res/Nu9XXzXcXnD1j5EgWQ2ElxNcl1yMvnKypRo4MTbjOv7FC3saigGoOBTZibyESC7EXaClnPYhB6pvfb-IRmso6g'
   },
 
+  pageLifetimes: {
+    show: function() {
+      // 页面被展示
+      console.log('xxx', this.router)
+    },
+  },
+
   lifetimes: {
     attached() {
       const progress = shared(0)

miniprogram/app-bar/index.wxml

@@ -1,6 +1,6 @@
 <!-- components/app-bar/index.wxml -->
 <vertical-drag-gesture-handler worklet:ongesture="handleVerticalDrag">
-	<view class="expand-container">
+	<view class="expand-container" wx:if="{{showAppbar}}">
 		<!-- 放大模式：nav-bar -->
 		<view class="nav-bar column">
 			<view style="height: {{statusBarHeight}}px;" />

miniprogram/app.json

@@ -474,6 +474,5 @@
     }
   },
   "renderer": "skyline",
-  "componentFramework": "glass-easel",
-  "appBar": {}
+  "componentFramework": "glass-easel"
 }

miniprogram/component/navigation-bar/navigation-bar.js

@@ -64,6 +64,7 @@ Component({
             this.setData({
                 ios,
                 statusBarHeight: res.statusBarHeight,
+                navBarHeight: rect.bottom - rect.top + 10,
                 innerWidth: isSupport ? `width:${rect.left}px` : '',
                 innerPaddingRight: isSupport
                     ? `padding-right:${res.windowWidth - rect.left}px`

miniprogram/component/navigation-bar/navigation-bar.wxml

@@ -1,5 +1,5 @@
 <view class="weui-navigation-bar {{extClass}}" data-weui-theme="{{theme}}">
-  <view class="weui-navigation-bar__inner" style="padding-top: {{statusBarHeight}}px; height: {{44 + statusBarHeight}}px; color: {{color}}; background: {{background}}; {{displayStyle}}; {{innerPaddingRight}};">
+  <view class="weui-navigation-bar__inner" style="padding-top: {{statusBarHeight}}px; height: {{navBarHeight}}px; color: {{color}}; background: {{background}}; {{displayStyle}}; {{innerPaddingRight}};">
     <view class='weui-navigation-bar__left' style="{{leftWidth}}">
       <block wx:if="{{back}}">
         <view class="weui-navigation-bar__buttons">

miniprogram/component/navigation-bar/navigation-bar.wxss

@@ -1,4 +1,5 @@
 .weui-navigation-bar {
+  display: flex;
   overflow: hidden;
   color: rgba(0, 0, 0, .9);
   width: 100vw;