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

Update button.md

上级 d2851cb5
...@@ -10,10 +10,11 @@ ...@@ -10,10 +10,11 @@
<!-- UTSCOMJSON.button.compatibility --> <!-- UTSCOMJSON.button.compatibility -->
- 在web上,由于0.5px有兼容性问题,button的边框使用伪类实现。在App上,由于支持0.5px且不支持伪类,所以使用border实现。但由于伪类不占高度,border占高度,导致button的实际的渲染宽高在App上大于web端1px。 - 在web上,由于0.5px有兼容性问题,button的边框使用伪类实现。
- 在App上,HBuilderX4.02及以上版本使用原生实现button,默认边框不占高度,解决button实际渲染宽高与Web端不一致的问题;HBuilderX4.01及以下版本由于不支持伪类,所以使用border实现。但由于伪类不占高度,border占高度,导致button的实际的渲染宽高在App端大于web端1px。
- button的默认边框宽度为0.5px,当type属性为plain时,边框宽度是1px,button的实际的渲染宽高会大于其他类型1px。 - button的默认边框宽度为0.5px,当type属性为plain时,边框宽度是1px,button的实际的渲染宽高会大于其他类型1px。
- button 的text区域文字,uvue下不支持 `\n` 方式换行,会直接显示 `\n` 字符。微信小程序下 `\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消失后松开手指,都不会触发点击事件。
<!-- UTSCOMJSON.button.children --> <!-- UTSCOMJSON.button.children -->
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册