提交 3a88469d 编写于 作者: D DCloud_LXH

feat: uvue component childrenTags

上级 bb8118b2
因为 它太大了无法显示 source diff 。你可以改为 查看blob
...@@ -10,5 +10,7 @@ ...@@ -10,5 +10,7 @@
<!-- UTSCOMJSON.animation-view.compatibility --> <!-- UTSCOMJSON.animation-view.compatibility -->
<!-- UTSCOMJSON.animation-view.children -->
<!-- UTSCOMJSON.animation-view.reference --> <!-- UTSCOMJSON.animation-view.reference -->
...@@ -10,6 +10,8 @@ ...@@ -10,6 +10,8 @@
<!-- UTSCOMJSON.button.compatibility --> <!-- UTSCOMJSON.button.compatibility -->
<!-- UTSCOMJSON.button.children -->
<!-- UTSCOMJSON.button.reference --> <!-- UTSCOMJSON.button.reference -->
## button样式修改@style ## button样式修改@style
...@@ -65,4 +67,3 @@ button 组件没有 url 属性,如果要跳转页面,可以在@click中编 ...@@ -65,4 +67,3 @@ button 组件没有 url 属性,如果要跳转页面,可以在@click中编
## tips ## tips
- button 的text区域文字,app-uvue下不支持 `\n` 方式换行,会直接显示 `\n` 字符。微信小程序下 `\n` 会变成一个空格 - button 的text区域文字,app-uvue下不支持 `\n` 方式换行,会直接显示 `\n` 字符。微信小程序下 `\n` 会变成一个空格
...@@ -10,6 +10,8 @@ ...@@ -10,6 +10,8 @@
<!-- UTSCOMJSON.checkbox-group.compatibility --> <!-- UTSCOMJSON.checkbox-group.compatibility -->
<!-- UTSCOMJSON.checkbox-group.children -->
<!-- UTSCOMJSON.checkbox-group.reference --> <!-- UTSCOMJSON.checkbox-group.reference -->
...@@ -25,5 +27,7 @@ ...@@ -25,5 +27,7 @@
<!-- UTSCOMJSON.checkbox.compatibility --> <!-- UTSCOMJSON.checkbox.compatibility -->
<!-- UTSCOMJSON.checkbox.children -->
<!-- UTSCOMJSON.checkbox.reference --> <!-- UTSCOMJSON.checkbox.reference -->
...@@ -48,5 +48,7 @@ ...@@ -48,5 +48,7 @@
### tips ### tips
在error事件里监听报错,并重新设置image组件的src,可实现自定义错误图。[详见示例代码](https://gitcode.net/dcloud/hello-uni-app-x/-/blob/master/pages/component/image/image-path.uvue) 在error事件里监听报错,并重新设置image组件的src,可实现自定义错误图。[详见示例代码](https://gitcode.net/dcloud/hello-uni-app-x/-/blob/master/pages/component/image/image-path.uvue)
<!-- UTSCOMJSON.image.children -->
<!-- UTSCOMJSON.image.reference --> <!-- UTSCOMJSON.image.reference -->
...@@ -10,5 +10,7 @@ ...@@ -10,5 +10,7 @@
<!-- UTSCOMJSON.input.compatibility --> <!-- UTSCOMJSON.input.compatibility -->
<!-- UTSCOMJSON.input.children -->
<!-- UTSCOMJSON.input.reference --> <!-- UTSCOMJSON.input.reference -->
...@@ -20,6 +20,8 @@ list-view和scroll-view都是滚动组件,list适用于长列表场景,其 ...@@ -20,6 +20,8 @@ list-view和scroll-view都是滚动组件,list适用于长列表场景,其
<!-- UTSCOMJSON.list-view.compatibility --> <!-- UTSCOMJSON.list-view.compatibility -->
<!-- UTSCOMJSON.list-view.children -->
<!-- UTSCOMJSON.list-view.reference --> <!-- UTSCOMJSON.list-view.reference -->
...@@ -35,6 +37,8 @@ list-view和scroll-view都是滚动组件,list适用于长列表场景,其 ...@@ -35,6 +37,8 @@ list-view和scroll-view都是滚动组件,list适用于长列表场景,其
<!-- UTSCOMJSON.list-item.compatibility --> <!-- UTSCOMJSON.list-item.compatibility -->
<!-- UTSCOMJSON.list-item.children -->
<!-- UTSCOMJSON.list-item.reference --> <!-- UTSCOMJSON.list-item.reference -->
## 示例代码 ## 示例代码
......
...@@ -10,5 +10,7 @@ ...@@ -10,5 +10,7 @@
<!-- UTSCOMJSON.navigator.compatibility --> <!-- UTSCOMJSON.navigator.compatibility -->
<!-- UTSCOMJSON.navigator.children -->
<!-- UTSCOMJSON.navigator.reference --> <!-- UTSCOMJSON.navigator.reference -->
...@@ -10,6 +10,8 @@ ...@@ -10,6 +10,8 @@
<!-- UTSCOMJSON.picker-view.compatibility --> <!-- UTSCOMJSON.picker-view.compatibility -->
<!-- UTSCOMJSON.picker-view.children -->
<!-- UTSCOMJSON.picker-view.reference --> <!-- UTSCOMJSON.picker-view.reference -->
...@@ -25,6 +27,8 @@ ...@@ -25,6 +27,8 @@
<!-- UTSCOMJSON.picker-view-column.compatibility --> <!-- UTSCOMJSON.picker-view-column.compatibility -->
<!-- UTSCOMJSON.picker-view-column.children -->
<!-- UTSCOMJSON.picker-view-column.reference --> <!-- UTSCOMJSON.picker-view-column.reference -->
## tips ## tips
......
...@@ -10,5 +10,7 @@ ...@@ -10,5 +10,7 @@
<!-- UTSCOMJSON.progress.compatibility --> <!-- UTSCOMJSON.progress.compatibility -->
<!-- UTSCOMJSON.progress.children -->
<!-- UTSCOMJSON.progress.reference --> <!-- UTSCOMJSON.progress.reference -->
...@@ -10,6 +10,8 @@ ...@@ -10,6 +10,8 @@
<!-- UTSCOMJSON.radio-group.compatibility --> <!-- UTSCOMJSON.radio-group.compatibility -->
<!-- UTSCOMJSON.radio-group.children -->
<!-- UTSCOMJSON.radio-group.reference --> <!-- UTSCOMJSON.radio-group.reference -->
...@@ -25,5 +27,7 @@ ...@@ -25,5 +27,7 @@
<!-- UTSCOMJSON.radio.compatibility --> <!-- UTSCOMJSON.radio.compatibility -->
<!-- UTSCOMJSON.radio.children -->
<!-- UTSCOMJSON.radio.reference --> <!-- UTSCOMJSON.radio.reference -->
...@@ -30,6 +30,8 @@ ...@@ -30,6 +30,8 @@
<!-- UTSCOMJSON.rich-text.compatibility --> <!-- UTSCOMJSON.rich-text.compatibility -->
<!-- UTSCOMJSON.rich-text.children -->
<!-- UTSCOMJSON.rich-text.reference --> <!-- UTSCOMJSON.rich-text.reference -->
## bug&tips ## bug&tips
......
## scroll-view ## scroll-view
<!-- UTSCOMJSON.scroll-view.description --> <!-- UTSCOMJSON.scroll-view.description -->
<!-- UTSCOMJSON.scroll-view.attrubute --> <!-- UTSCOMJSON.scroll-view.attrubute -->
<!-- UTSCOMJSON.scroll-view.event --> <!-- UTSCOMJSON.scroll-view.event -->
<!-- UTSCOMJSON.scroll-view.example --> <!-- UTSCOMJSON.scroll-view.example -->
### 自定义下拉刷新样式 ### 自定义下拉刷新样式
1. 设置`refresher-default-style`属性为 none 不使用默认样式 1. 设置`refresher-default-style`属性为 none 不使用默认样式
2. 自定义下拉刷新元素必须要声明为 slot="refresher" 2. 自定义下拉刷新元素必须要声明为 slot="refresher"
3. 通过组件提供的refresherpulling、refresherrefresh、refresherrestore、refresherabort下拉刷新事件调整自定义下拉刷新元素!实现预期效果 3. 通过组件提供的refresherpulling、refresherrefresh、refresherrestore、refresherabort下拉刷新事件调整自定义下拉刷新元素!实现预期效果
**注意:** 目前自定义下拉刷新元素不支持放在scroll-view的首个子元素位置上。可能无法正常显示 **注意:** 目前自定义下拉刷新元素不支持放在scroll-view的首个子元素位置上。可能无法正常显示
```vue ```vue
<scroll-view refresher-default-style="none" :refresher-enabled="true" :refresher-triggered="refresherTriggered" <scroll-view refresher-default-style="none" :refresher-enabled="true" :refresher-triggered="refresherTriggered"
@refresherpulling="onRefresherpulling" @refresherrefresh="onRefresherrefresh" @refresherpulling="onRefresherpulling" @refresherrefresh="onRefresherrefresh"
@refresherrestore="onRefresherrestore" style="flex:1" > @refresherrestore="onRefresherrestore" style="flex:1" >
<view v-for="i in 20" class="content-item"> <view v-for="i in 20" class="content-item">
<text class="text">item-{{i}}</text> <text class="text">item-{{i}}</text>
</view> </view>
<!-- 自定义下拉刷新元素 --> <!-- 自定义下拉刷新元素 -->
<view slot="refresher" class="refresh-box"> <view slot="refresher" class="refresh-box">
<text class="tip-text">{{text[state]}}</text> <text class="tip-text">{{text[state]}}</text>
</view> </view>
</scroll-view> </scroll-view>
``` ```
**具体代码请参考:**[自定义下拉刷新样式示例](https://gitcode.net/dcloud/hello-uni-app-x/-/blob/alpha/pages/component/scroll-view/scroll-view-custom-refresher-props.uvue) **具体代码请参考:**[自定义下拉刷新样式示例](https://gitcode.net/dcloud/hello-uni-app-x/-/blob/alpha/pages/component/scroll-view/scroll-view-custom-refresher-props.uvue)
### nested-scroll嵌套滚动协商 ### nested-scroll嵌套滚动协商
...@@ -72,8 +72,10 @@ ...@@ -72,8 +72,10 @@
+ 仅Android平台支持嵌套滚动协商 + 仅Android平台支持嵌套滚动协商
**具体代码请参考:**[nested-scroll嵌套滚动示例](https://gitcode.net/dcloud/hello-uni-app-x/-/blob/alpha/pages/template/long-list/long-list.uvue) **具体代码请参考:**[nested-scroll嵌套滚动示例](https://gitcode.net/dcloud/hello-uni-app-x/-/blob/alpha/pages/template/long-list/long-list.uvue)
<!-- UTSCOMJSON.scroll-view.compatibility --> <!-- UTSCOMJSON.scroll-view.compatibility -->
<!-- UTSCOMJSON.scroll-view.reference --> <!-- UTSCOMJSON.scroll-view.children -->
<!-- UTSCOMJSON.scroll-view.reference -->
...@@ -17,5 +17,7 @@ show-value属性设为true后,会在横条右侧显示一个数字。 ...@@ -17,5 +17,7 @@ show-value属性设为true后,会在横条右侧显示一个数字。
如您需要5位或更多数字,请将show-value设为false或不设,自行写一个text组件,绑定value的数值来显示。 如您需要5位或更多数字,请将show-value设为false或不设,自行写一个text组件,绑定value的数值来显示。
<!-- UTSCOMJSON.slider.children -->
<!-- UTSCOMJSON.slider.reference --> <!-- UTSCOMJSON.slider.reference -->
...@@ -10,8 +10,9 @@ ...@@ -10,8 +10,9 @@
<!-- UTSCOMJSON.swiper.compatibility --> <!-- UTSCOMJSON.swiper.compatibility -->
<!-- UTSCOMJSON.swiper.reference --> <!-- UTSCOMJSON.swiper.children -->
<!-- UTSCOMJSON.swiper.reference -->
## swiper-item ## swiper-item
......
...@@ -10,5 +10,7 @@ ...@@ -10,5 +10,7 @@
<!-- UTSCOMJSON.switch.compatibility --> <!-- UTSCOMJSON.switch.compatibility -->
<!-- UTSCOMJSON.switch.children -->
<!-- UTSCOMJSON.switch.reference --> <!-- UTSCOMJSON.switch.reference -->
...@@ -22,6 +22,8 @@ text组件在web浏览器渲染(含浏览器、小程序webview渲染模式、 ...@@ -22,6 +22,8 @@ text组件在web浏览器渲染(含浏览器、小程序webview渲染模式、
app-nvue中,text组件不能嵌套。 app-nvue中,text组件不能嵌套。
<!-- UTSCOMJSON.text.children -->
<!-- UTSCOMJSON.text.reference --> <!-- UTSCOMJSON.text.reference -->
## tips ## tips
......
...@@ -10,5 +10,7 @@ ...@@ -10,5 +10,7 @@
<!-- UTSCOMJSON.textarea.compatibility --> <!-- UTSCOMJSON.textarea.compatibility -->
<!-- UTSCOMJSON.textarea.children -->
<!-- UTSCOMJSON.textarea.reference --> <!-- UTSCOMJSON.textarea.reference -->
...@@ -21,6 +21,8 @@ ijkplayer库的功能较多,video组件并非完全封装。有需要的开发 ...@@ -21,6 +21,8 @@ ijkplayer库的功能较多,video组件并非完全封装。有需要的开发
### bug@tips ### bug@tips
- 暂不支持横屏全屏后放置子组件 - 暂不支持横屏全屏后放置子组件
<!-- UTSCOMJSON.video.children -->
<!-- UTSCOMJSON.video.reference --> <!-- UTSCOMJSON.video.reference -->
### 上下文对象API ### 上下文对象API
......
...@@ -10,6 +10,8 @@ ...@@ -10,6 +10,8 @@
<!-- UTSCOMJSON.view.compatibility --> <!-- UTSCOMJSON.view.compatibility -->
<!-- UTSCOMJSON.view.children -->
<!-- UTSCOMJSON.view.reference --> <!-- UTSCOMJSON.view.reference -->
view是Drawable的组件,也就是可以在view上调用绘制API自绘内容。它类似canvas,但不需要单独的canvas组件,在view上就可以直接draw。[详见](../dom/drawablecontext.md) view是Drawable的组件,也就是可以在view上调用绘制API自绘内容。它类似canvas,但不需要单独的canvas组件,在view上就可以直接draw。[详见](../dom/drawablecontext.md)
...@@ -10,6 +10,8 @@ ...@@ -10,6 +10,8 @@
<!-- UTSCOMJSON.web-view.compatibility --> <!-- UTSCOMJSON.web-view.compatibility -->
<!-- UTSCOMJSON.web-view.children -->
<!-- UTSCOMJSON.web-view.reference --> <!-- UTSCOMJSON.web-view.reference -->
### 上下文对象API ### 上下文对象API
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册