feat: ui update

2026-09-15 16:01:59 +08:00
parent 1a11816839
commit 26c392d612
89 changed files with 10377 additions and 4861 deletions
@@ -1,64 +1,27 @@
-<view class="weui-navigation-bar {{extClass}}">
-  <view class="weui-navigation-bar__inner {{ios ? 'ios' : 'android'}}" style="color: {{color}}; background: {{background}}; {{displayStyle}}; {{innerPaddingRight}}; {{safeAreaTop}};">
-
-    <!-- 左侧按钮 -->
-    <view class='weui-navigation-bar__left' style="{{leftWidth}};">
-      <block wx:if="{{back || homeButton}}">
-        <!-- 返回上一页 -->
-        <block wx:if="{{back}}">
-          <view class="weui-navigation-bar__buttons weui-navigation-bar__buttons_goback">
-            <view
-              bindtap="back"
-              class="weui-navigation-bar__btn_goback_wrapper"
-              hover-class="weui-active"
-              hover-stay-time="100"
-              aria-role="button"
-              aria-label="返回"
-            >
-              <view class="weui-navigation-bar__button weui-navigation-bar__btn_goback"></view>
-            </view>
-          </view>
-        </block>
-        <!-- 返回首页 -->
-        <block wx:if="{{homeButton}}">
-          <view class="weui-navigation-bar__buttons weui-navigation-bar__buttons_home">
-            <view
-              bindtap="home"
-              class="weui-navigation-bar__btn_home_wrapper"
-              hover-class="weui-active"
-              aria-role="button"
-              aria-label="首页"
-            >
-              <view class="weui-navigation-bar__button weui-navigation-bar__btn_home"></view>
-            </view>
-          </view>
-        </block>
-      </block>
-      <block wx:else>
-        <slot name="left"></slot>
-      </block>
-    </view>
-
-    <!-- 标题 -->
-    <view class='weui-navigation-bar__center'>
-      <view wx:if="{{loading}}" class="weui-navigation-bar__loading" aria-role="alert">
+<view class="nav-root">
+  <!-- 悬浮玻璃导航：滚动收缩后显示居中标题 -->
+  <view class="nav {{scrolled ? 'is-glass' : ''}}">
+    <!-- 高度含状态栏：全局 box-sizing 为 border-box，需显式把状态栏高度算进总高 -->
+    <view class="nav-bar" style="{{capsulePad}} height: calc(88rpx + {{safeTop}}px); padding-top: {{safeTop}}px;">
+      <view class="nav-left">
        <view
-          class="weui-loading"
-          aria-role="img"
-          aria-label="加载中"
-        ></view>
+          wx:if="{{back}}"
+          class="nav-back"
+          hover-class="nav-press"
+          hover-stay-time="80"
+          aria-role="button"
+          aria-label="返回"
+          bindtap="back"
+        >
+          <view class="icon icon-chevron-left"></view>
+        </view>
+      </view>
+      <view class="nav-title {{scrolled ? 'is-on' : ''}}">{{title}}</view>
+      <view class="nav-right">
+        <slot name="right"></slot>
      </view>
-      <block wx:if="{{title}}">
-        <text>{{title}}</text>
-      </block>
-      <block wx:else>
-        <slot name="center"></slot>
-      </block>
-    </view>
-    
-    <!-- 右侧留空 -->
-    <view class='weui-navigation-bar__right'>
-      <slot name="right"></slot>
    </view>
  </view>
+  <!-- 占位：悬浮导航不参与文档流，用等高占位撑开内容 -->
+  <view class="nav-holder" style="height: calc(88rpx + {{safeTop}}px);"></view>
 </view>