update: 支付宝配置更新

02ebefc1 · wangyaqi · c3902172 · 02ebefc1
隐藏空白更改
内联并排

Showing with 34 addition and 19 deletion

docs/collocation/pages.md docs/collocation/pages.md +34 -19

未找到文件。
--- 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)