Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
uni-app
提交
a6f3a70d
U
uni-app
项目概览
DCloud
/
uni-app
4 个月 前同步成功
通知
726
Star
38705
Fork
3642
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
7
列表
看板
标记
里程碑
合并请求
1
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-app
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
7
Issue
7
列表
看板
标记
里程碑
合并请求
1
合并请求
1
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
未验证
提交
a6f3a70d
编写于
9月 11, 2019
作者:
W
wanganxp
提交者:
GitHub
9月 11, 2019
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Update pages.md
上级
bd81e732
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
2 addition
and
2 deletion
+2
-2
docs/collocation/pages.md
docs/collocation/pages.md
+2
-2
未找到文件。
docs/collocation/pages.md
浏览文件 @
a6f3a70d
...
...
@@ -263,7 +263,7 @@
#### 导航栏@app-titleNView
|属性|类型|默认值|描述|版本兼容性|
|:-|:-|:-|:-|:-|
|backgroundColor|String|#F7F7F7|背景颜色,颜色值格式为"#RRGGBB"。||
|backgroundColor|String|#F7F7F7|背景颜色,颜色值格式为"#RRGGBB"。
在使用半透明标题栏时,也可以设置rgba格式
||
|buttons|Array||自定义按钮,详见
[
buttons
](
/collocation/pages?id=app-titlenview-buttons
)
|纯nvue即render:native时暂不支持|
|titleColor|String|#000000|标题文字颜色||
|titleOverflow|String|ellipsis|标题文字超出显示区域时处理方式。"clip"-超出显示区域时内容裁剪;"ellipsis"-超出显示区域时尾部显示省略标记(...)。||
...
...
@@ -277,7 +277,7 @@
-
每个页面均支持通过配置
`titleNView:false`
来禁用原生导航栏。一旦禁用原生导航,请注意阅读
[
自定义导航注意事项
](
/collocation/pages?id=customnav
)
。
-
`titleNView`
不能设置
`autoBackButton`
、
`homeButton`
等属性
-
`titleNView`
的
`type`
值为
`transparent`
时,导航栏为
透明渐变导航栏
-
`titleNView`
的
`type`
值为
`transparent`
时,导航栏为
滚动透明渐变导航栏,默认只有button,滚动后标题栏底色和title文字会渐变出现;
`type`
为
`float`
时,导航栏为悬浮标题栏,此时页面内容上顶到了屏幕顶部,包括状态栏,但导航栏悬浮盖在页面上方,一般这种场景会同时设置导航栏的背景色为rgba半透明颜色。
-
在
`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,这个名字是保留字,不能作为外部引入的字体库的名字,需要调整为自定义的名称,否则无法显示。
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录