Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
程序yang
unidocs-zh
提交
14748a56
U
unidocs-zh
项目概览
程序yang
/
unidocs-zh
与 Fork 源项目一致
Fork自
DCloud / unidocs-zh
通知
1
Star
1
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
unidocs-zh
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
14748a56
编写于
8月 05, 2022
作者:
DCloud-WZF
💬
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix: 修复 app 下拉刷新配置位置描述错误问题
上级
f401781e
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
32 addition
and
32 deletion
+32
-32
docs/collocation/pages.md
docs/collocation/pages.md
+32
-32
未找到文件。
docs/collocation/pages.md
浏览文件 @
14748a56
...
...
@@ -200,13 +200,13 @@ uni-app 2.9+ 新增 leftWindow, topWindow, rightWindow 配置。用于解决宽
display
:
none
;
}
```
-
需要隐藏大部分页面的 navigationBar,显示某个页面的 navigationBar
-
需要隐藏大部分页面的 navigationBar,显示某个页面的 navigationBar
```
css
/* 隐藏所有页面的 navigationBar */
.uni-app--showtopwindow
uni-page-head
{
display
:
none
;
}
/* 显示路径为 pages/component/view/view 页面的 navigationBar */
.uni-app--showtopwindow
[
data-page
=
"pages/component/view/view"
]
uni-page-head
{
display
:
block
;
...
...
@@ -274,7 +274,7 @@ uni-app 2.9+ 新增 leftWindow, topWindow, rightWindow 配置。用于解决宽
## pages
`uni-app`
通过 pages 节点配置应用由哪些页面组成,pages 节点接收一个数组,数组每个项都是一个对象,其属性值如下:
|属性|类型|默认值|描述|
|:-|:-|:-|:-|
|path|String||配置页面路径|
...
...
@@ -291,16 +291,16 @@ uni-app 2.9+ 新增 leftWindow, topWindow, rightWindow 配置。用于解决宽
开发目录为:
<pre
v-pre=
""
data-lang=
""
>
<code
class=
"lang-"
style=
"padding:0"
>
┌─pages
┌─pages
│ ├─index
│ │ └─index.vue
│ │ └─index.vue
│ └─login
│ └─login.vue
├─static
├─main.js
├─App.vue
├─manifest.json
└─pages.json
│ └─login.vue
├─static
├─main.js
├─App.vue
├─manifest.json
└─pages.json
</code>
</pre>
...
...
@@ -310,10 +310,10 @@ uni-app 2.9+ 新增 leftWindow, topWindow, rightWindow 配置。用于解决宽
{
"
pages
"
:
[
{
"
path
"
:
"
pages/index/index
"
,
"
path
"
:
"
pages/index/index
"
,
"
style
"
:
{
...
}
},
{
"
path
"
:
"
pages/login/login
"
,
"
path
"
:
"
pages/login/login
"
,
"
style
"
:
{
...
}
}
]
...
...
@@ -396,7 +396,7 @@ uni-app 2.9+ 新增 leftWindow, topWindow, rightWindow 配置。用于解决宽
</view>
<view>
状态栏下的文字
</view>
</view>
</template>
</template>
<style>
.status_bar
{
height
:
var
(
--status-bar-height
);
...
...
@@ -416,7 +416,7 @@ uni-app 2.9+ 新增 leftWindow, topWindow, rightWindow 配置。用于解决宽
*
titleNView:给原生导航栏提供更多配置,包括自定义按钮、滚动渐变效果、搜索框等,详见
[
titleNView
](
/collocation/pages?id=app-titleNView
)
*
subNVue:使用nvue原生渲染,所有布局自己开发,具备一切自定义灵活度。详见
[
subNVue
](
/collocation/pages?id=app-subNVues
)
-
页面禁用原生导航栏后,想要改变状态栏的前景字体样式,仍可设置页面的 navigationBarTextStyle 属性(只能设置为 black或white)。如果想单独设置状态栏颜色,App端可使用
[
plus.navigator.setStatusBarStyle
](
http://www.html5plus.org/doc/zh_cn/navigator.html#plus.navigator.setStatusBarStyle
)
设置。注意部分低端Android手机(4.4)自身不支持设置状态栏前景色。
鉴于以上问题,在原生导航能解决业务需求的情况下,尽量使用原生导航。甚至有时需要牺牲一些不是很重要的需求。在App和H5下,uni-app提供了灵活的处理方案:
[
titleNView
](
/collocation/pages?id=app-titleNView
)
、
[
subNVue
](
/collocation/pages?id=app-subNVues
)
、或整页使用nvue。但在小程序下,因为其自身的限制,没有太好的方案。有必要的话,也可以用条件编译分端处理。
### app-plus
...
...
@@ -705,7 +705,7 @@ searchInput的点击输入框onNavigationBarSearchInputClicked、文本变化onN
#### 下拉刷新@app-pullToRefresh
在 App 平台下可以自定义部分下拉刷新的配置
`page->app-plus->pullToRefresh`
。
在 App 平台下可以自定义部分下拉刷新的配置
`page->
style->
app-plus->pullToRefresh`
。
|属性|类型|默认值|描述|
|:-|:-|:-|:-|
...
...
@@ -890,7 +890,7 @@ h5 平台下拉刷新动画,只有 circle 类型。
export
default
{
data
()
{
return
{
}
}
}
...
...
@@ -1011,7 +1011,7 @@ midButton没有pagePath,需监听点击事件,自行处理点击后的行为
-
前端弹出遮罩层挡不住tabbar的问题,跨端处理方式时动态隐藏tabbar。App端可以使用plus.nativeObj.view或subNVue做弹出和遮罩,可参考这个
[
底部原生图标分享菜单例子
](
https://ext.dcloud.net.cn/plugin?id=69
)
-
微信小程序模拟器1.02.1904090版有bug,在缩放模拟器页面百分比后,tabbar点击多次后就会卡死。真机无碍,使用时注意。
[
详见
](
https://developers.weixin.qq.com/community/develop/doc/0002e6e6bf0d602d8c783e10756400
)
-
PC宽屏上,当页面存在topWindow或leftWindow或rightWindow等多窗体结构时,若想改变 tabbar 显示的位置,请使用
[
custom-tab-bar组件
](
https://uniapp.dcloud.io/component/custom-tab-bar
)
配置,若想隐藏 tabbar,可以使用如下 css(好处是可以和 leftwindow 等窗体联动):
```
html
.uni-app--showleftwindow + .uni-tabbar-bottom {
display: none;
...
...
@@ -1114,7 +1114,7 @@ subPackages 节点接收一个数组,数组每一项都是应用的子包,
|root|String|是|子包的根目录|
|pages|Array|是|子包由哪些页面组成,参数同
[
pages
](
#pages
)
|
**注意:**
**注意:**
-
```subPackages```
里的pages的路径是
``root``
下的相对路径,不是全路径。
-
微信小程序每个分包的大小是2M,总体积一共不能超过20M。
...
...
@@ -1133,24 +1133,24 @@ subPackages 节点接收一个数组,数组每一项都是应用的子包,
假设支持分包的
```uni-app```
目录结构如下:
<pre
v-pre=
""
data-lang=
""
>
<code
class=
"lang-"
style=
"padding:0"
>
┌─pages
┌─pages
│ ├─index
│ │ └─index.vue
│ │ └─index.vue
│ └─login
│ └─login.vue
├─pagesA
│ └─login.vue
├─pagesA
│ ├─static
│ └─list
│ └─list.vue
├─pagesB
│ └─list.vue
├─pagesB
│ ├─static
│ └─detail
│ └─detail.vue
├─static
├─main.js
├─App.vue
├─manifest.json
└─pages.json
│ └─detail.vue
├─static
├─main.js
├─App.vue
├─manifest.json
└─pages.json
</code>
</pre>
...
...
@@ -1191,7 +1191,7 @@ subPackages 节点接收一个数组,数组每一项都是应用的子包,
}
```
## preloadRule
## preloadRule
分包预载配置。
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录