feat: 更新 page-container 组件,重命名导航栏相关属性并添加背景色和底部安全区适配功能

This commit is contained in:
熊熊熊子路
2026-02-09 16:06:18 +08:00
parent 7e05fc2a67
commit caf5803e44
4 changed files with 44 additions and 25 deletions
@@ -1,22 +1,24 @@
<!--components/page-container/page-container.wxml-->
<view class="page-container">
<view
class="page-container {{containerSafeAreaInsetBottom ? 'page-container--safe' : ''}}"
style="--pg-container-bg-color: {{containerBackgroundColor}};"
>
<!-- 导航栏 -->
<t-navbar
title="{{title}}"
title="{{navBarTitle}}"
left-arrow="{{showLeftArrow}}"
fixed="{{fixed}}"
placeholder="{{placeholder}}"
safe-area-inset-top="{{safeAreaInsetTop}}"
z-index="{{zIndex}}"
animation="{{animation}}"
delta="{{delta}}"
title-max-length="{{titleMaxLength}}"
visible="{{visible}}"
fixed="{{navBarFixed}}"
placeholder="{{navBarPlaceholder}}"
safe-area-inset-top="{{navBarSafeAreaInsetTop}}"
z-index="{{navBarZIndex}}"
animation="{{navBarAnimation}}"
title-max-length="{{navBarTitleMaxLength}}"
visible="{{navBarVisible}}"
bind:go-back="goBack"
bind:success="handleBackSuccess"
bind:fail="handleBackFail"
bind:complete="handleBackComplete"
style="--td-navbar-color: {{textColor}};--td-navbar-bg-color: {{backgroundColor}};"
style="--td-navbar-color: {{navBarTextColor}};--td-navbar-bg-color: {{navBarBackgroundColor}};"
>
<!-- 左侧自定义内容插槽 -->
<slot name="left" slot="left"></slot>