提交 6b2881fa 编写于 作者: DCloud-yyl's avatar DCloud-yyl

Update button.md

上级 a1a049de
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
- button 的text区域文字,app平台HBuilderX4.02及以上版本支持 `\n` 方式换行,HBuilderX4.01及以下版本不支持 ,会直接显示 `\n` 字符;Web端 `\n` 会变成一个空格。 - button 的text区域文字,app平台HBuilderX4.02及以上版本支持 `\n` 方式换行,HBuilderX4.01及以下版本不支持 ,会直接显示 `\n` 字符;Web端 `\n` 会变成一个空格。
- button按下后触发hover-class效果,在app平台,手指不松开、一直在屏幕上移动、离开button组件范围后,hover-class效果消失,同时也不会触发点击事件;在web平台,手指移动一点后,即便未离开button范围,hover-class效果也会消失,同时也不会触发点击事件。 - button按下后触发hover-class效果,在app平台,手指不松开、一直在屏幕上移动、离开button组件范围后,hover-class效果消失,同时也不会触发点击事件;在web平台,手指移动一点后,即便未离开button范围,hover-class效果也会消失,同时也不会触发点击事件。
- 无论在哪个平台,hover-class消失后松开手指,都不会触发点击事件。 - 无论在哪个平台,hover-class消失后松开手指,都不会触发点击事件。
- button 的hover-class属性需注意以下事项 - button 设置hover-class属性时需注意,app平台HBuilderX4.04及以下版本与web平台有差异,HBuilderX4.05版本统一为以下规则
+ 如果hover-class属性值设置为none,在style样式里面设置了同名的none样式,none样式将不起作用,没有点击态效果 + 如果hover-class属性值设置为none,在style样式里面设置了同名的none样式,none样式将不起作用,没有点击态效果
+ 如果hover-class属性值设置为button-hover或者不设置hover-class属性值,在style样式里面设置了同名的button-hover样式,点击效果将使用button-hover样式 + 如果hover-class属性值设置为button-hover或者不设置hover-class属性值,在style样式里面设置了同名的button-hover样式,点击效果将使用button-hover样式
+ 如果hover-class属性值设置为无效值(或非法值),没有点击态效果 + 如果hover-class属性值设置为无效值(或非法值),没有点击态效果
...@@ -25,6 +25,8 @@ ...@@ -25,6 +25,8 @@
<!-- UTSCOMJSON.button.reference --> <!-- UTSCOMJSON.button.reference -->
## hover-class 属性值
## button样式修改@style ## button样式修改@style
button在元素的text区域直接写文字,和text组件一样。可以这么理解,button是一个特殊的text组件,文字样式可以直接写在button组件的style或class上。 button在元素的text区域直接写文字,和text组件一样。可以这么理解,button是一个特殊的text组件,文字样式可以直接写在button组件的style或class上。
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册