Skip to content

Commit fc5ff87

Browse files
2extliuweijian322extliuweijian32
authored
fix(ascf): 调整视图容器ascf相关资料 (#330)
1 parent 85572b3 commit fc5ff87

32 files changed

+573
-573
lines changed

‎docs/components/page-meta.md‎

Lines changed: 17 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ Taro v3.6.19 开始支持
1111
开发者需要在页面配置里添加：`enablePageMeta: true`
1212
:::
1313

14-
支持情况：<img title="微信小程序" src={require('@site/static/img/platform/weapp.png').default} className="icon_platform" width="25px"/> <img title="支付宝小程序" src={require('@site/static/img/platform/alipay.png').default} className="icon_platform" width="25px"/> <img title="H5" src={require('@site/static/img/platform/h5.png').default} className="icon_platform icon_platform--not-support" width="25px"/> <img title="React Native" src={require('@site/static/img/platform/rn.png').default} className="icon_platform icon_platform--not-support" width="25px"/> <img title="Harmony" src={require('@site/static/img/platform/harmony.png').default} className="icon_platform" width="25px"/>
14+
支持情况：<img title="微信小程序" src={require('@site/static/img/platform/weapp.png').default} className="icon_platform" width="25px"/> <img title="支付宝小程序" src={require('@site/static/img/platform/alipay.png').default} className="icon_platform" width="25px"/> <img title="H5" src={require('@site/static/img/platform/h5.png').default} className="icon_platform icon_platform--not-support" width="25px"/> <img title="React Native" src={require('@site/static/img/platform/rn.png').default} className="icon_platform icon_platform--not-support" width="25px"/> <img title="ASCF元服务" src={require('@site/static/img/platform/ascf.png').default} className="icon_platform icon_platform--not-support" width="25px"/> <img title="Harmony" src={require('@site/static/img/platform/harmony.png').default} className="icon_platform" width="25px"/>
1515

1616
> [参考文档](https://developers.weixin.qq.com/miniprogram/dev/component/page-meta.html)
1717
@@ -91,22 +91,22 @@ function Index () {
9191

9292
### API 支持度
9393

94-
| API | 微信小程序 | 支付宝小程序 | H5 | React Native | Harmony |
95-
| :---: | :---: | :---: | :---: | :---: | :---: |
96-
| PageMetaProps.backgroundTextStyle | ✔️ | | | | |
97-
| PageMetaProps.backgroundColor | ✔️ | ✔️ | | | ✔️ |
98-
| PageMetaProps.backgroundColorTop | ✔️ | ✔️ | | | ✔️ |
99-
| PageMetaProps.backgroundColorBottom | ✔️ | ✔️ | | | ✔️ |
100-
| PageMetaProps.scrollTop | ✔️ | ✔️ | | | ✔️ |
101-
| PageMetaProps.scrollDuration | ✔️ | ✔️ | | | ✔️ |
102-
| PageMetaProps.pageStyle | ✔️ | ✔️ | | | |
103-
| PageMetaProps.rootFontSize | ✔️ | ✔️ | | | |
104-
| PageMetaProps.rootBackgroundColor | ✔️ | ✔️ | | | ✔️ |
105-
| PageMetaProps.pageFontSize | ✔️ | ✔️ | | | |
106-
| PageMetaProps.pageOrientation | ✔️ | | | | |
107-
| PageMetaProps.onResize | ✔️ | | | | |
108-
| PageMetaProps.onScroll | ✔️ | ✔️ | | | |
109-
| PageMetaProps.onScrollDone | ✔️ | | | | |
94+
| API | 微信小程序 | 支付宝小程序 | H5 | React Native | Harmony | ASCF元服务 |
95+
| :---: | :---: | :---: | :---: | :---: | :---: | :---: |
96+
| PageMetaProps.backgroundTextStyle | ✔️ | | | | | |
97+
| PageMetaProps.backgroundColor | ✔️ | ✔️ | | | ✔️ | |
98+
| PageMetaProps.backgroundColorTop | ✔️ | ✔️ | | | ✔️ | |
99+
| PageMetaProps.backgroundColorBottom | ✔️ | ✔️ | | | ✔️ | |
100+
| PageMetaProps.scrollTop | ✔️ | ✔️ | | | ✔️ | |
101+
| PageMetaProps.scrollDuration | ✔️ | ✔️ | | | ✔️ | |
102+
| PageMetaProps.pageStyle | ✔️ | ✔️ | | | | |
103+
| PageMetaProps.rootFontSize | ✔️ | ✔️ | | | | |
104+
| PageMetaProps.rootBackgroundColor | ✔️ | ✔️ | | | ✔️ | |
105+
| PageMetaProps.pageFontSize | ✔️ | ✔️ | | | | |
106+
| PageMetaProps.pageOrientation | ✔️ | | | | | |
107+
| PageMetaProps.onResize | ✔️ | | | | | |
108+
| PageMetaProps.onScroll | ✔️ | ✔️ | | | | |
109+
| PageMetaProps.onScrollDone | ✔️ | | | | | |
110110

111111
### onResizeEventDetail
112112

‎docs/components/viewContainer/cover-image.md‎

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ sidebar_label: CoverImage
55

66
覆盖在原生组件之上的图片视图。可覆盖的原生组件同cover-view，支持嵌套在cover-view里。
77

8-
支持情况：<img title="微信小程序" src={require('@site/static/img/platform/weapp.png').default} className="icon_platform" width="25px"/> <img title="百度小程序" src={require('@site/static/img/platform/swan.png').default} className="icon_platform" width="25px"/> <img title="支付宝小程序" src={require('@site/static/img/platform/alipay.png').default} className="icon_platform" width="25px"/> <img title="QQ 小程序" src={require('@site/static/img/platform/qq.png').default} className="icon_platform" width="25px"/> <img title="京东小程序" src={require('@site/static/img/platform/jd.png').default} className="icon_platform" width="25px"/> <img title="H5" src={require('@site/static/img/platform/h5.png').default} className="icon_platform" width="25px"/> <img title="React Native" src={require('@site/static/img/platform/rn.png').default} className="icon_platform icon_platform--not-support" width="25px"/> <img title="Harmony" src={require('@site/static/img/platform/harmony.png').default} className="icon_platform icon_platform--not-support" width="25px"/> <img title="Harmony hybrid" src={require('@site/static/img/platform/harmonyHybrid.png').default} className="icon_platform" width="25px"/>
8+
支持情况：<img title="微信小程序" src={require('@site/static/img/platform/weapp.png').default} className="icon_platform" width="25px"/> <img title="百度小程序" src={require('@site/static/img/platform/swan.png').default} className="icon_platform" width="25px"/> <img title="支付宝小程序" src={require('@site/static/img/platform/alipay.png').default} className="icon_platform" width="25px"/> <img title="QQ 小程序" src={require('@site/static/img/platform/qq.png').default} className="icon_platform" width="25px"/> <img title="京东小程序" src={require('@site/static/img/platform/jd.png').default} className="icon_platform" width="25px"/> <img title="H5" src={require('@site/static/img/platform/h5.png').default} className="icon_platform" width="25px"/> <img title="React Native" src={require('@site/static/img/platform/rn.png').default} className="icon_platform icon_platform--not-support" width="25px"/> <img title="Harmony" src={require('@site/static/img/platform/harmony.png').default} className="icon_platform icon_platform--not-support" width="25px"/> <img title="ASCF元服务" src={require('@site/static/img/platform/ascf.png').default} className="icon_platform icon_platform--not-support" width="25px"/> <img title="Harmony hybrid" src={require('@site/static/img/platform/harmonyHybrid.png').default} className="icon_platform" width="25px"/>
99

1010
> [参考文档](https://developers.weixin.qq.com/miniprogram/dev/component/cover-image.html)
1111
@@ -106,16 +106,16 @@ class App extends Components {
106106
107107
### API 支持度
108108
109-
| API | 微信小程序 | 百度小程序 | 支付宝小程序 | QQ 小程序 | 京东小程序 | H5 | React Native | Harmony | Harmony hybrid |
110-
| :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: |
111-
| CoverImageProps.src | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ | | | ✔️ |
112-
| CoverImageProps.referrerPolicy | ✔️ | | | | | | | | |
113-
| CoverImageProps.fixedTop | | ✔️ | | | | | | | |
114-
| CoverImageProps.fixedRight | | ✔️ | | | | | | | |
115-
| CoverImageProps.fixedBottom | | ✔️ | | | | | | | |
116-
| CoverImageProps.fixedLeft | | ✔️ | | | | | | | |
117-
| CoverImageProps.ariaRole | | | | ✔️ | | | | | |
118-
| CoverImageProps.ariaLabel | | | | ✔️ | | | | | |
119-
| CoverImageProps.onLoad | ✔️ | ✔️ | | ✔️ | ✔️ | ✔️ | | | ✔️ |
120-
| CoverImageProps.onError | ✔️ | ✔️ | | ✔️ | ✔️ | ✔️ | | | ✔️ |
121-
| CoverImageProps.onTap | | | ✔️ | | | | | | |
109+
| API | 微信小程序 | 百度小程序 | 支付宝小程序 | QQ 小程序 | 京东小程序 | H5 | React Native | Harmony | Harmony hybrid | ASCF元服务 |
110+
| :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: |
111+
| CoverImageProps.src | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ | | | ✔️ | |
112+
| CoverImageProps.referrerPolicy | ✔️ | | | | | | | | | |
113+
| CoverImageProps.fixedTop | | ✔️ | | | | | | | | |
114+
| CoverImageProps.fixedRight | | ✔️ | | | | | | | | |
115+
| CoverImageProps.fixedBottom | | ✔️ | | | | | | | | |
116+
| CoverImageProps.fixedLeft | | ✔️ | | | | | | | | |
117+
| CoverImageProps.ariaRole | | | | ✔️ | | | | | | |
118+
| CoverImageProps.ariaLabel | | | | ✔️ | | | | | | |
119+
| CoverImageProps.onLoad | ✔️ | ✔️ | | ✔️ | ✔️ | ✔️ | | | ✔️ | |
120+
| CoverImageProps.onError | ✔️ | ✔️ | | ✔️ | ✔️ | ✔️ | | | ✔️ | |
121+
| CoverImageProps.onTap | | | ✔️ | | | | | | | |

‎docs/components/viewContainer/cover-view.md‎

Lines changed: 29 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ sidebar_label: CoverView
55

66
覆盖在原生组件之上的文本视图。可覆盖的原生组件包括 map、video、canvas、camera、live-player、live-pusher 只支持嵌套 cover-view、cover-image，可在 cover-view 中使用 button。
77

8-
支持情况：<img title="微信小程序" src={require('@site/static/img/platform/weapp.png').default} className="icon_platform" width="25px"/> <img title="百度小程序" src={require('@site/static/img/platform/swan.png').default} className="icon_platform" width="25px"/> <img title="支付宝小程序" src={require('@site/static/img/platform/alipay.png').default} className="icon_platform" width="25px"/> <img title="QQ 小程序" src={require('@site/static/img/platform/qq.png').default} className="icon_platform" width="25px"/> <img title="京东小程序" src={require('@site/static/img/platform/jd.png').default} className="icon_platform" width="25px"/> <img title="H5" src={require('@site/static/img/platform/h5.png').default} className="icon_platform" width="25px"/> <img title="React Native" src={require('@site/static/img/platform/rn.png').default} className="icon_platform icon_platform--not-support" width="25px"/> <img title="Harmony" src={require('@site/static/img/platform/harmony.png').default} className="icon_platform icon_platform--not-support" width="25px"/> <img title="Harmony hybrid" src={require('@site/static/img/platform/harmonyHybrid.png').default} className="icon_platform" width="25px"/>
8+
支持情况：<img title="微信小程序" src={require('@site/static/img/platform/weapp.png').default} className="icon_platform" width="25px"/> <img title="百度小程序" src={require('@site/static/img/platform/swan.png').default} className="icon_platform" width="25px"/> <img title="支付宝小程序" src={require('@site/static/img/platform/alipay.png').default} className="icon_platform" width="25px"/> <img title="QQ 小程序" src={require('@site/static/img/platform/qq.png').default} className="icon_platform" width="25px"/> <img title="京东小程序" src={require('@site/static/img/platform/jd.png').default} className="icon_platform" width="25px"/> <img title="H5" src={require('@site/static/img/platform/h5.png').default} className="icon_platform" width="25px"/> <img title="React Native" src={require('@site/static/img/platform/rn.png').default} className="icon_platform icon_platform--not-support" width="25px"/> <img title="Harmony" src={require('@site/static/img/platform/harmony.png').default} className="icon_platform icon_platform--not-support" width="25px"/> <img title="ASCF元服务" src={require('@site/static/img/platform/ascf.png').default} className="icon_platform icon_platform--not-support" width="25px"/> <img title="Harmony hybrid" src={require('@site/static/img/platform/harmonyHybrid.png').default} className="icon_platform" width="25px"/>
99

1010
> [参考文档](https://developers.weixin.qq.com/miniprogram/dev/component/cover-view.html)
1111
@@ -122,31 +122,31 @@ class App extends Components {
122122

123123
### API 支持度
124124

125-
| API | 微信小程序 | 百度小程序 | 支付宝小程序 | QQ 小程序 | 京东小程序 | H5 | React Native | Harmony |
126-
| :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: |
127-
| CoverViewProps.scrollTop | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ | | | |
128-
| CoverViewProps.fixedTop | | ✔️ | | | | | | |
129-
| CoverViewProps.fixedRight | | ✔️ | | | | | | |
130-
| CoverViewProps.fixedBottom | | ✔️ | | | | | | |
131-
| CoverViewProps.fixedLeft | | ✔️ | | | | | | |
132-
| CoverViewProps.ariaRole | | | | ✔️ | | | | |
133-
| CoverViewProps.ariaLabel | | | | ✔️ | | | | |
134-
| CoverViewProps.scrollX | | | ✔️ | | | | | |
135-
| CoverViewProps.scrollY | | | ✔️ | | | | | |
136-
| CoverViewProps.upperThreshold | | | ✔️ | | | | | |
137-
| CoverViewProps.lowerThreshold | | | ✔️ | | | | | |
138-
| CoverViewProps.scrollLeft | | | ✔️ | | | | | |
139-
| CoverViewProps.scrollIntoView | | | ✔️ | | | | | |
140-
| CoverViewProps.scrollWithAnimation | | | ✔️ | | | | | |
141-
| CoverViewProps.scrollAnimationDuration | | | ✔️ | | | | | |
142-
| CoverViewProps.enableBackToTop | | | ✔️ | | | | | |
143-
| CoverViewProps.trapScroll | | | ✔️ | | | | | |
144-
| CoverViewProps.disableLowerScroll | | | ✔️ | | | | | |
145-
| CoverViewProps.disableUpperScroll | | | ✔️ | | | | | |
146-
| CoverViewProps.onScrollToUpper | | | ✔️ | | | | | |
147-
| CoverViewProps.onScrollToLower | | | ✔️ | | | | | |
148-
| CoverViewProps.onScroll | | | ✔️ | | | | | |
149-
| CoverViewProps.onTouchStart | | | ✔️ | | | | | |
150-
| CoverViewProps.onTouchMove | | | ✔️ | | | | | |
151-
| CoverViewProps.onTouchEnd | | | ✔️ | | | | | |
152-
| CoverViewProps.onTouchCancel | | | ✔️ | | | | | |
125+
| API | 微信小程序 | 百度小程序 | 支付宝小程序 | QQ 小程序 | 京东小程序 | H5 | React Native | Harmony | ASCF元服务 |
126+
| :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: |
127+
| CoverViewProps.scrollTop | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ | | | | |
128+
| CoverViewProps.fixedTop | | ✔️ | | | | | | | |
129+
| CoverViewProps.fixedRight | | ✔️ | | | | | | | |
130+
| CoverViewProps.fixedBottom | | ✔️ | | | | | | | |
131+
| CoverViewProps.fixedLeft | | ✔️ | | | | | | | |
132+
| CoverViewProps.ariaRole | | | | ✔️ | | | | | |
133+
| CoverViewProps.ariaLabel | | | | ✔️ | | | | | |
134+
| CoverViewProps.scrollX | | | ✔️ | | | | | | |
135+
| CoverViewProps.scrollY | | | ✔️ | | | | | | |
136+
| CoverViewProps.upperThreshold | | | ✔️ | | | | | | |
137+
| CoverViewProps.lowerThreshold | | | ✔️ | | | | | | |
138+
| CoverViewProps.scrollLeft | | | ✔️ | | | | | | |
139+
| CoverViewProps.scrollIntoView | | | ✔️ | | | | | | |
140+
| CoverViewProps.scrollWithAnimation | | | ✔️ | | | | | | |
141+
| CoverViewProps.scrollAnimationDuration | | | ✔️ | | | | | | |
142+
| CoverViewProps.enableBackToTop | | | ✔️ | | | | | | |
143+
| CoverViewProps.trapScroll | | | ✔️ | | | | | | |
144+
| CoverViewProps.disableLowerScroll | | | ✔️ | | | | | | |
145+
| CoverViewProps.disableUpperScroll | | | ✔️ | | | | | | |
146+
| CoverViewProps.onScrollToUpper | | | ✔️ | | | | | | |
147+
| CoverViewProps.onScrollToLower | | | ✔️ | | | | | | |
148+
| CoverViewProps.onScroll | | | ✔️ | | | | | | |
149+
| CoverViewProps.onTouchStart | | | ✔️ | | | | | | |
150+
| CoverViewProps.onTouchMove | | | ✔️ | | | | | | |
151+
| CoverViewProps.onTouchEnd | | | ✔️ | | | | | | |
152+
| CoverViewProps.onTouchCancel | | | ✔️ | | | | | | |

‎docs/components/viewContainer/custom-wrapper.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ sidebar_label: CustomWrapper
66
custom-wrapper 自定义组件包裹器
77
当数据更新层级较深时，可用此组件将需要更新的区域包裹起来，这样更新层级将大大减少
88

9-
支持情况：<img title="微信小程序" src={require('@site/static/img/platform/weapp.png').default} className="icon_platform" width="25px"/> <img title="百度小程序" src={require('@site/static/img/platform/swan.png').default} className="icon_platform" width="25px"/> <img title="支付宝小程序" src={require('@site/static/img/platform/alipay.png').default} className="icon_platform" width="25px"/> <img title="抖音小程序" src={require('@site/static/img/platform/tt.png').default} className="icon_platform" width="25px"/> <img title="QQ 小程序" src={require('@site/static/img/platform/qq.png').default} className="icon_platform" width="25px"/> <img title="京东小程序" src={require('@site/static/img/platform/jd.png').default} className="icon_platform" width="25px"/> <img title="H5" src={require('@site/static/img/platform/h5.png').default} className="icon_platform" width="25px"/> <img title="React Native" src={require('@site/static/img/platform/rn.png').default} className="icon_platform icon_platform--not-support" width="25px"/> <img title="Harmony" src={require('@site/static/img/platform/harmony.png').default} className="icon_platform icon_platform--not-support" width="25px"/> <img title="Harmony hybrid" src={require('@site/static/img/platform/harmonyHybrid.png').default} className="icon_platform" width="25px"/>
9+
支持情况：<img title="微信小程序" src={require('@site/static/img/platform/weapp.png').default} className="icon_platform" width="25px"/> <img title="百度小程序" src={require('@site/static/img/platform/swan.png').default} className="icon_platform" width="25px"/> <img title="支付宝小程序" src={require('@site/static/img/platform/alipay.png').default} className="icon_platform" width="25px"/> <img title="抖音小程序" src={require('@site/static/img/platform/tt.png').default} className="icon_platform" width="25px"/> <img title="QQ 小程序" src={require('@site/static/img/platform/qq.png').default} className="icon_platform" width="25px"/> <img title="京东小程序" src={require('@site/static/img/platform/jd.png').default} className="icon_platform" width="25px"/> <img title="H5" src={require('@site/static/img/platform/h5.png').default} className="icon_platform" width="25px"/> <img title="ASCF元服务" src={require('@site/static/img/platform/ascf.png').default} className="icon_platform" width="25px"/> <img title="React Native" src={require('@site/static/img/platform/rn.png').default} className="icon_platform icon_platform--not-support" width="25px"/> <img title="Harmony" src={require('@site/static/img/platform/harmony.png').default} className="icon_platform icon_platform--not-support" width="25px"/> <img title="Harmony hybrid" src={require('@site/static/img/platform/harmonyHybrid.png').default} className="icon_platform" width="25px"/>
1010

1111
## 类型
1212

0 commit comments

Comments
 (0)