From 02ebefc12ec49449d5466540e159cebc2c134a35 Mon Sep 17 00:00:00 2001 From: wangyaqi Date: Tue, 27 Aug 2019 12:55:56 +0800 Subject: [PATCH] =?UTF-8?q?update:=20=E6=94=AF=E4=BB=98=E5=AE=9D=E9=85=8D?= =?UTF-8?q?=E7=BD=AE=E6=9B=B4=E6=96=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/collocation/pages.md | 53 +++++++++++++++++++++++++-------------- 1 file changed, 34 insertions(+), 19 deletions(-) diff --git a/docs/collocation/pages.md b/docs/collocation/pages.md index 88a871c69..6b33de05c 100644 --- a/docs/collocation/pages.md +++ b/docs/collocation/pages.md @@ -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) -- GitLab