Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
uni-app
提交
d2007683
U
uni-app
项目概览
DCloud
/
uni-app
6 个月 前同步成功
通知
750
Star
38709
Fork
3642
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
8
列表
看板
标记
里程碑
合并请求
1
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-app
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
8
Issue
8
列表
看板
标记
里程碑
合并请求
1
合并请求
1
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
未验证
提交
d2007683
编写于
9月 07, 2019
作者:
W
wanganxp
提交者:
GitHub
9月 07, 2019
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Update pages.md
上级
7c722d0b
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
12 addition
and
12 deletion
+12
-12
docs/collocation/pages.md
docs/collocation/pages.md
+12
-12
未找到文件。
docs/collocation/pages.md
浏览文件 @
d2007683
...
...
@@ -98,11 +98,11 @@
|mp-toutiao|Object||设置编译到 mp-toutiao 平台的特定样式|字节跳动小程序|
|mp-qq|Object||设置编译到 mp-qq 平台的特定样式|QQ小程序|
|usingComponents|Object| |引用小程序组件,参考
[
小程序组件
](
/frame?id=小程序组件支持
)
|微信小程序、App|
**注意**
-
支付宝小程序使用
`titleImage`
时必须使用
`https`
的图片链接地址,需要真机调试才能看到效果,支付宝开发者工具内无效果
**注意**
-
支付宝小程序使用
`titleImage`
时必须使用
`https`
的图片链接地址,需要真机调试才能看到效果,支付宝开发者工具内无效果
# pages
...
...
@@ -198,10 +198,10 @@
]
}
```
**注意**
**注意**
-
支付宝小程序使用
`titleImage`
时必须使用
`https`
的图片链接地址,需要真机调试才能看到效果,支付宝开发者工具内无效果
### 自定义导航栏使用注意@customnav
...
...
@@ -256,10 +256,10 @@
-
`.nvue`
页面仅支持
`titleNView`
配置,其它配置项暂不支持
#### 导航栏@app-titleNView
|属性|类型|默认值|描述|
最低版本
|
|属性|类型|默认值|描述|
版本兼容性
|
|:-|:-|:-|:-|:-|
|backgroundColor|String|#F7F7F7|背景颜色,颜色值格式为"#RRGGBB"。||
|buttons|Array||自定义按钮,详见
[
buttons
](
/collocation/pages?id=app-titlenview-buttons
)
||
|buttons|Array||自定义按钮,详见
[
buttons
](
/collocation/pages?id=app-titlenview-buttons
)
|
纯nvue即render:native时暂不支持
|
|titleColor|String|#000000|标题文字颜色||
|titleOverflow|String|ellipsis|标题文字超出显示区域时处理方式。"clip"-超出显示区域时内容裁剪;"ellipsis"-超出显示区域时尾部显示省略标记(...)。||
|titleText|String||标题文字内容||
...
...
@@ -273,7 +273,7 @@
-
每个页面均支持通过配置
`titleNView:false`
来禁用原生导航栏。一旦禁用原生导航,请注意阅读
[
自定义导航注意事项
](
/collocation/pages?id=customnav
)
。
-
`titleNView`
不能设置
`autoBackButton`
、
`homeButton`
等属性
-
`titleNView`
的
`type`
值为
`transparent`
时,导航栏为透明渐变导航栏
-
在
`titleNView`
配置
`buttons`
后,监听按钮的点击事件,vue 页面
参考:
[
onNavigationBarButtonTap
](
/frame?id=页面生命周期
)
、nvue 页面
参考:
[
uni.onNavigationBarButtonTap
](
/use-weex?id=onnavigationbarbuttontap
)
-
在
`titleNView`
配置
`buttons`
后,监听按钮的点击事件,vue 页面
及 nvue 的uni-app编译模式参考:
[
onNavigationBarButtonTap
](
/frame?id=页面生命周期
)
、nvue 的weex编译模式
参考:
[
uni.onNavigationBarButtonTap
](
/use-weex?id=onnavigationbarbuttontap
)
-
在
`titleNView`
配置
`searchInput`
后,相关的事件监听参考:
[
onNavigationBarSearchInputChanged 等
](
/frame?id=页面生命周期
)
-
App下原生导航栏的按钮如果使用字体图标,注意检查字体库的名字(font-family)是否使用了默认的 iconfont,这个名字是保留字,不能作为外部引入的字体库的名字,需要调整为自定义的名称,否则无法显示。
-
想了解各种导航栏的开发方法,请详读
[
导航栏开发指南
](
https://ask.dcloud.net.cn/article/34921
)
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录