refactor: 将page-container重命名为root-page-layout
将page-container组件重命名为root-page-layout,并更新所有文档中的引用,以更好地反映其作为页面根布局的角色。已更新AGENTS.md、README.md中的引用,并相应重命名了组件使用指南。
This commit is contained in:
1 parent
3f75ab4ef6
commit
11c6fb21cd
11 files changed
+46
-46
No files matched your search
File renamed without changes.
+3
-3
@@ -1,6 +1,6 @@
|
||||
/* components/page-container/page-container.wxss */
|
||||
/* components/root-page-layout/root-page-layout.wxss */
|
||||
|
||||
.page-container {
|
||||
.root-page-layout {
|
||||
width: 100%;
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
@@ -16,7 +16,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.page-container__content {
|
||||
.root-page-layout__content {
|
||||
flex: 1;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
+2
-2
@@ -1,4 +1,4 @@
|
||||
// components/page-container/page-container.ts
|
||||
// components/root-page-layout/root-page-layout.ts
|
||||
|
||||
Component({
|
||||
/**
|
||||
@@ -65,7 +65,7 @@ Component({
|
||||
type: Boolean,
|
||||
value: true,
|
||||
},
|
||||
// pageContainer背景色
|
||||
// rootPageLayout 背景色
|
||||
containerBackgroundColor: {
|
||||
type: String,
|
||||
value: '#f5f5f5',
|
||||
+3
-3
@@ -1,6 +1,6 @@
|
||||
<!--components/page-container/page-container.wxml-->
|
||||
<!--components/root-page-layout/root-page-layout.wxml-->
|
||||
<view
|
||||
class="page-container {{containerSafeAreaInsetBottom ? 'page-container--safe' : ''}}"
|
||||
class="root-page-layout {{containerSafeAreaInsetBottom ? 'root-page-layout--safe' : ''}}"
|
||||
style="--pg-container-bg-color: {{containerBackgroundColor}};"
|
||||
>
|
||||
<!-- 导航栏 -->
|
||||
@@ -27,7 +27,7 @@
|
||||
|
||||
<!-- 内容区域 -->
|
||||
<view
|
||||
class="page-container__content"
|
||||
class="root-page-layout__content"
|
||||
>
|
||||
<slot></slot>
|
||||
</view>
|
||||
Reference in new issue
Block a user