Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
uni-app
提交
02ebefc1
U
uni-app
项目概览
DCloud
/
uni-app
24 天 前同步成功
通知
702
Star
38704
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,发现更多精彩内容 >>
提交
02ebefc1
编写于
8月 27, 2019
作者:
W
wangyaqi
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update: 支付宝配置更新
上级
c3902172
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
34 addition
and
19 deletion
+34
-19
docs/collocation/pages.md
docs/collocation/pages.md
+34
-19
未找到文件。
docs/collocation/pages.md
浏览文件 @
02ebefc1
...
...
@@ -87,17 +87,15 @@
|backgroundColorTop|HexColor|#ffffff|顶部窗口的背景色。|仅 iOS 平台|
|backgroundColorBottom|HexColor|#ffffff|底部窗口的背景色。|仅 iOS 平台|
|pageOrientation|String|portrait|屏幕旋转设置,仅支持 auto / portrait 详见
[
响应显示区域变化
](
https://developers.weixin.qq.com/miniprogram/dev/framework/view/resizable.html
)
|微信小程序|
|allowsBounceVertical|String|YES|是否允许向下拉拽。支持 YES / NO|支付宝小程序|
|transparentTitle|String|none|导航栏透明设置。支持 always 一直透明 / auto 滑动自适应 / none 不透明|支付宝小程序|
|titlePenetrate|String|NO|导航栏点击穿透|支付宝小程序|
|showTitleLoading|String|NO|是否进入时显示导航栏的 loading。支持 YES / NO|支付宝小程序|
|titleImage|String||导航栏图片地址(替换当前标题),必须为https的图片链接地址|支付宝小程序|
|backgroundImageUrl|String||下拉露出显示的背景图链接|支付宝小程序|
|backgroundImageColor|HexColor||下拉露出显示的背景图底色|支付宝小程序|
|gestureBack|String|NO|iOS 用,是否支持手势返回。支持 YES / NO|支付宝小程序|
|enableScrollBar|String|YES|Android 用,是否显示 WebView 滚动条。支持 YES / NO|支付宝小程序|
|animationType|String|pop-in|窗口显示的动画效果,详见:
[
窗口动画
](
api/router?id=animation
)
|App|
|animationDuration|Number|300|窗口显示动画的持续时间,单位为 ms|App|
|app-plus|Object||设置编译到 App 平台的特定样式,配置项参考下方
[
app-plus
](
/collocation/pages?id=app-plus
)
|App|
|h5|Object||设置编译到 H5 平台的特定样式,配置项参考下方
[
H5
](
/collocation/pages?id=h5
)
|H5|
|mp-alipay|Object||设置编译到 mp-alipay 平台的特定样式,配置项参考下方
[
MP-ALIPAY
](
/collocation/pages?id=mp-alipay
)
|支付宝小程序|
|mp-weixin|Object||设置编译到 mp-weixin 平台的特定样式,配置项参考下方|微信小程序|
|mp-baidu|Object||设置编译到 mp-baidu 平台的特定样式,配置项参考下方|百度小程序|
|mp-toutiao|Object||设置编译到 mp-toutiao 平台的特定样式,配置项参考下方|字节跳动小程序|
|mp-qq|Object||设置编译到 mp-qq 平台的特定样式,配置项参考下方|QQ小程序|
|usingComponents|Object| |引用小程序组件,参考
[
小程序组件
](
/frame?id=小程序组件支持
)
|微信小程序、App|
# pages
...
...
@@ -166,20 +164,16 @@
|backgroundColor|HexColor|#ffffff|窗口的背景色|微信小程序、百度小程序、头条小程序|
|backgroundTextStyle|String|dark|下拉 loading 的样式,仅支持 dark/light||
|enablePullDownRefresh|Boolean|false|是否开启下拉刷新,详见
[
页面生命周期
](
/use?id=页面生命周期
)
。||
|onReachBottomDistance|Number|50|页面上拉触底事件触发时距页面底部距离,单位只支持px,详见
[
页面生命周期
](
/use?id=页面生命周期
)
||
|allowsBounceVertical|String|YES|是否允许向下拉拽。支持 YES / NO|支付宝小程序|
|transparentTitle|String|none|导航栏透明设置。支持 always 一直透明 / auto 滑动自适应 / none 不透明|支付宝小程序|
|titlePenetrate|String|NO|导航栏点击穿透|支付宝小程序|
|showTitleLoading|String|NO|是否进入时显示导航栏的 loading。支持 YES / NO|支付宝小程序|
|titleImage|String||导航栏图片地址(替换当前标题),必须为https的图片链接地址|支付宝小程序|
|backgroundImageUrl|String||下拉露出显示的背景图链接|支付宝小程序|
|backgroundImageColor|HexColor||下拉露出显示的背景图底色|支付宝小程序|
|gestureBack|String|NO|iOS 用,是否支持手势返回。支持 YES / NO|支付宝小程序|
|enableScrollBar|String|YES|Android 用,是否显示 WebView 滚动条。支持 YES / NO|支付宝小程序|
|onReachBottomDistance|Number|50|页面上拉触底事件触发时距页面底部距离,单位只支持px,详见
[
页面生命周期
](
/use?id=页面生命周期
)
||
|backgroundColorTop|HexColor|#ffffff|顶部窗口的背景色。|仅 iOS 平台|
|backgroundColorBottom|HexColor|#ffffff|底部窗口的背景色。|仅 iOS 平台|
|app-plus|Object||设置编译到 App 平台的特定样式,配置项参考下方
[
app-plus
](
/collocation/pages?id=app-plus
)
|App|
|h5|Object||设置编译到 H5 平台的特定样式,配置项参考下方
[
H5
](
/collocation/pages?id=h5
)
|H5|
|mp-alipay|Object||设置编译到 mp-alipay 平台的特定样式,配置项参考下方
[
MP-ALIPAY
](
/collocation/pages?id=mp-alipay
)
|支付宝小程序|
|mp-weixin|Object||设置编译到 mp-weixin 平台的特定样式,配置项参考下方|微信小程序|
|mp-baidu|Object||设置编译到 mp-baidu 平台的特定样式,配置项参考下方|百度小程序|
|mp-toutiao|Object||设置编译到 mp-toutiao 平台的特定样式,配置项参考下方|字节跳动小程序|
|mp-qq|Object||设置编译到 mp-qq 平台的特定样式,配置项参考下方|QQ小程序|
|usingComponents|Object||引用小程序组件,参考
[
小程序组件
](
/frame?id=小程序组件支持
)
|App、微信小程序、支付宝小程序、百度小程序|
**代码示例:**
...
...
@@ -603,6 +597,27 @@ h5 平台下拉刷新动画,只有 circle 类型。
|:-|:-|:-|
|colorType|String|阴影的颜色,支持:grey、blue、green、orange、red、yellow|
### mp-alipay
配置编译到 MP-ALIPAY 平台时的特定样式
|属性|类型|默认值|描述|平台差异说明|
|:-|:-|:-|:-|:-|
|allowsBounceVertical|String|YES|是否允许向下拉拽。支持 YES / NO|支付宝小程序|
|transparentTitle|String|none|导航栏透明设置。支持 always 一直透明 / auto 滑动自适应 / none 不透明|支付宝小程序|
|titlePenetrate|String|NO|导航栏点击穿透|支付宝小程序|
|showTitleLoading|String|NO|是否进入时显示导航栏的 loading。支持 YES / NO|支付宝小程序|
|titleImage|String||导航栏图片地址(替换当前标题),必须为https的图片链接地址|支付宝小程序|
|backgroundImageUrl|String||下拉露出显示的背景图链接|支付宝小程序|
|backgroundImageColor|HexColor||下拉露出显示的背景图底色|支付宝小程序|
|gestureBack|String|NO|iOS 用,是否支持手势返回。支持 YES / NO|支付宝小程序|
|enableScrollBar|String|YES|Android 用,是否显示 WebView 滚动条。支持 YES / NO|支付宝小程序|
**注意事项**
-
```titleImage```
仅支持https地址,设置了
```titleImage```
会是页面
```title```
失效
-
```backgroundImageUrl```
支持网络地址和本地地址,尽量使用绝对地址
-
部分配置可能会只在真机运行的时候生效,支付宝未来应该会改善
# FAQ
-
Q:如何取消原生导航栏?或自定义导航
-
A:参考
[
导航栏开发指南
](
http://ask.dcloud.net.cn/article/34921
)
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录