Skip to content

fix(ascf): 调整视图容器ascf相关资料 #330

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Nov 14, 2025
Merged

fix(ascf): 调整视图容器ascf相关资料 #330

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
34 changes: 17 additions & 17 deletions docs/components/page-meta.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ Taro v3.6.19 开始支持
开发者需要在页面配置里添加：`enablePageMeta: true`
:::

支持情况：<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"/>
支持情况：<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"/>

> [参考文档](https://developers.weixin.qq.com/miniprogram/dev/component/page-meta.html)

Expand Down Expand Up @@ -91,22 +91,22 @@ function Index () {

### API 支持度

| API | 微信小程序 | 支付宝小程序 | H5 | React Native | Harmony |
| :---: | :---: | :---: | :---: | :---: | :---: |
| PageMetaProps.backgroundTextStyle | ✔️ | | | | |
| PageMetaProps.backgroundColor | ✔️ | ✔️ | | | ✔️ |
| PageMetaProps.backgroundColorTop | ✔️ | ✔️ | | | ✔️ |
| PageMetaProps.backgroundColorBottom | ✔️ | ✔️ | | | ✔️ |
| PageMetaProps.scrollTop | ✔️ | ✔️ | | | ✔️ |
| PageMetaProps.scrollDuration | ✔️ | ✔️ | | | ✔️ |
| PageMetaProps.pageStyle | ✔️ | ✔️ | | | |
| PageMetaProps.rootFontSize | ✔️ | ✔️ | | | |
| PageMetaProps.rootBackgroundColor | ✔️ | ✔️ | | | ✔️ |
| PageMetaProps.pageFontSize | ✔️ | ✔️ | | | |
| PageMetaProps.pageOrientation | ✔️ | | | | |
| PageMetaProps.onResize | ✔️ | | | | |
| PageMetaProps.onScroll | ✔️ | ✔️ | | | |
| PageMetaProps.onScrollDone | ✔️ | | | | |
| API | 微信小程序 | 支付宝小程序 | H5 | React Native | Harmony | ASCF元服务 |
| :---: | :---: | :---: | :---: | :---: | :---: | :---: |
| PageMetaProps.backgroundTextStyle | ✔️ | | | | | |
| PageMetaProps.backgroundColor | ✔️ | ✔️ | | | ✔️ | |
| PageMetaProps.backgroundColorTop | ✔️ | ✔️ | | | ✔️ | |
| PageMetaProps.backgroundColorBottom | ✔️ | ✔️ | | | ✔️ | |
| PageMetaProps.scrollTop | ✔️ | ✔️ | | | ✔️ | |
| PageMetaProps.scrollDuration | ✔️ | ✔️ | | | ✔️ | |
| PageMetaProps.pageStyle | ✔️ | ✔️ | | | | |
| PageMetaProps.rootFontSize | ✔️ | ✔️ | | | | |
| PageMetaProps.rootBackgroundColor | ✔️ | ✔️ | | | ✔️ | |
| PageMetaProps.pageFontSize | ✔️ | ✔️ | | | | |
| PageMetaProps.pageOrientation | ✔️ | | | | | |
| PageMetaProps.onResize | ✔️ | | | | | |
| PageMetaProps.onScroll | ✔️ | ✔️ | | | | |
| PageMetaProps.onScrollDone | ✔️ | | | | | |

### onResizeEventDetail

Expand Down
28 changes: 14 additions & 14 deletions docs/components/viewContainer/cover-image.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ sidebar_label: CoverImage

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

支持情况：<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"/>
支持情况：<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"/>

> [参考文档](https://developers.weixin.qq.com/miniprogram/dev/component/cover-image.html)

Expand Down Expand Up @@ -106,16 +106,16 @@ class App extends Components {

### API 支持度

| API | 微信小程序 | 百度小程序 | 支付宝小程序 | QQ 小程序 | 京东小程序 | H5 | React Native | Harmony | Harmony hybrid |
| :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: |
| CoverImageProps.src | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ | | | ✔️ |
| CoverImageProps.referrerPolicy | ✔️ | | | | | | | | |
| CoverImageProps.fixedTop | | ✔️ | | | | | | | |
| CoverImageProps.fixedRight | | ✔️ | | | | | | | |
| CoverImageProps.fixedBottom | | ✔️ | | | | | | | |
| CoverImageProps.fixedLeft | | ✔️ | | | | | | | |
| CoverImageProps.ariaRole | | | | ✔️ | | | | | |
| CoverImageProps.ariaLabel | | | | ✔️ | | | | | |
| CoverImageProps.onLoad | ✔️ | ✔️ | | ✔️ | ✔️ | ✔️ | | | ✔️ |
| CoverImageProps.onError | ✔️ | ✔️ | | ✔️ | ✔️ | ✔️ | | | ✔️ |
| CoverImageProps.onTap | | | ✔️ | | | | | | |
| API | 微信小程序 | 百度小程序 | 支付宝小程序 | QQ 小程序 | 京东小程序 | H5 | React Native | Harmony | Harmony hybrid | ASCF元服务 |
| :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: |
| CoverImageProps.src | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ | | | ✔️ | |
| CoverImageProps.referrerPolicy | ✔️ | | | | | | | | | |
| CoverImageProps.fixedTop | | ✔️ | | | | | | | | |
| CoverImageProps.fixedRight | | ✔️ | | | | | | | | |
| CoverImageProps.fixedBottom | | ✔️ | | | | | | | | |
| CoverImageProps.fixedLeft | | ✔️ | | | | | | | | |
| CoverImageProps.ariaRole | | | | ✔️ | | | | | | |
| CoverImageProps.ariaLabel | | | | ✔️ | | | | | | |
| CoverImageProps.onLoad | ✔️ | ✔️ | | ✔️ | ✔️ | ✔️ | | | ✔️ | |
| CoverImageProps.onError | ✔️ | ✔️ | | ✔️ | ✔️ | ✔️ | | | ✔️ | |
| CoverImageProps.onTap | | | ✔️ | | | | | | | |
58 changes: 29 additions & 29 deletions docs/components/viewContainer/cover-view.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ sidebar_label: CoverView

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

支持情况：<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"/>
支持情况：<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"/>

> [参考文档](https://developers.weixin.qq.com/miniprogram/dev/component/cover-view.html)

Expand Down Expand Up @@ -122,31 +122,31 @@ class App extends Components {

### API 支持度

| API | 微信小程序 | 百度小程序 | 支付宝小程序 | QQ 小程序 | 京东小程序 | H5 | React Native | Harmony |
| :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: |
| CoverViewProps.scrollTop | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ | | | |
| CoverViewProps.fixedTop | | ✔️ | | | | | | |
| CoverViewProps.fixedRight | | ✔️ | | | | | | |
| CoverViewProps.fixedBottom | | ✔️ | | | | | | |
| CoverViewProps.fixedLeft | | ✔️ | | | | | | |
| CoverViewProps.ariaRole | | | | ✔️ | | | | |
| CoverViewProps.ariaLabel | | | | ✔️ | | | | |
| CoverViewProps.scrollX | | | ✔️ | | | | | |
| CoverViewProps.scrollY | | | ✔️ | | | | | |
| CoverViewProps.upperThreshold | | | ✔️ | | | | | |
| CoverViewProps.lowerThreshold | | | ✔️ | | | | | |
| CoverViewProps.scrollLeft | | | ✔️ | | | | | |
| CoverViewProps.scrollIntoView | | | ✔️ | | | | | |
| CoverViewProps.scrollWithAnimation | | | ✔️ | | | | | |
| CoverViewProps.scrollAnimationDuration | | | ✔️ | | | | | |
| CoverViewProps.enableBackToTop | | | ✔️ | | | | | |
| CoverViewProps.trapScroll | | | ✔️ | | | | | |
| CoverViewProps.disableLowerScroll | | | ✔️ | | | | | |
| CoverViewProps.disableUpperScroll | | | ✔️ | | | | | |
| CoverViewProps.onScrollToUpper | | | ✔️ | | | | | |
| CoverViewProps.onScrollToLower | | | ✔️ | | | | | |
| CoverViewProps.onScroll | | | ✔️ | | | | | |
| CoverViewProps.onTouchStart | | | ✔️ | | | | | |
| CoverViewProps.onTouchMove | | | ✔️ | | | | | |
| CoverViewProps.onTouchEnd | | | ✔️ | | | | | |
| CoverViewProps.onTouchCancel | | | ✔️ | | | | | |
| API | 微信小程序 | 百度小程序 | 支付宝小程序 | QQ 小程序 | 京东小程序 | H5 | React Native | Harmony | ASCF元服务 |
| :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: |
| CoverViewProps.scrollTop | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ | | | | |
| CoverViewProps.fixedTop | | ✔️ | | | | | | | |
| CoverViewProps.fixedRight | | ✔️ | | | | | | | |
| CoverViewProps.fixedBottom | | ✔️ | | | | | | | |
| CoverViewProps.fixedLeft | | ✔️ | | | | | | | |
| CoverViewProps.ariaRole | | | | ✔️ | | | | | |
| CoverViewProps.ariaLabel | | | | ✔️ | | | | | |
| CoverViewProps.scrollX | | | ✔️ | | | | | | |
| CoverViewProps.scrollY | | | ✔️ | | | | | | |
| CoverViewProps.upperThreshold | | | ✔️ | | | | | | |
| CoverViewProps.lowerThreshold | | | ✔️ | | | | | | |
| CoverViewProps.scrollLeft | | | ✔️ | | | | | | |
| CoverViewProps.scrollIntoView | | | ✔️ | | | | | | |
| CoverViewProps.scrollWithAnimation | | | ✔️ | | | | | | |
| CoverViewProps.scrollAnimationDuration | | | ✔️ | | | | | | |
| CoverViewProps.enableBackToTop | | | ✔️ | | | | | | |
| CoverViewProps.trapScroll | | | ✔️ | | | | | | |
| CoverViewProps.disableLowerScroll | | | ✔️ | | | | | | |
| CoverViewProps.disableUpperScroll | | | ✔️ | | | | | | |
| CoverViewProps.onScrollToUpper | | | ✔️ | | | | | | |
| CoverViewProps.onScrollToLower | | | ✔️ | | | | | | |
| CoverViewProps.onScroll | | | ✔️ | | | | | | |
| CoverViewProps.onTouchStart | | | ✔️ | | | | | | |
| CoverViewProps.onTouchMove | | | ✔️ | | | | | | |
| CoverViewProps.onTouchEnd | | | ✔️ | | | | | | |
| CoverViewProps.onTouchCancel | | | ✔️ | | | | | | |
2 changes: 1 addition & 1 deletion docs/components/viewContainer/custom-wrapper.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ sidebar_label: CustomWrapper
custom-wrapper 自定义组件包裹器
当数据更新层级较深时，可用此组件将需要更新的区域包裹起来，这样更新层级将大大减少

支持情况：<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"/>
支持情况：<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"/>

## 类型

Expand Down
Loading