From cdd4539a4d7541f9459260288f18eee4bbad8258 Mon Sep 17 00:00:00 2001 From: DCloud-yyl Date: Thu, 29 Feb 2024 12:26:03 +0800 Subject: [PATCH] Update button.md --- docs/component/button.md | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/docs/component/button.md b/docs/component/button.md index 5351e846..e37b9679 100644 --- a/docs/component/button.md +++ b/docs/component/button.md @@ -10,10 +10,11 @@ -- 在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 的text区域文字，uvue下不支持 `\n` 方式换行，会直接显示 `\n` 字符。微信小程序下 `\n` 会变成一个空格。 -- button按下后触发hover-class效果，在app平台，手指不松开、一直在屏幕上移动、离开button组件范围后，hover-class效果消失，同时也不会触发点击事件；在web和小程序平台，手指移动一点后，即便未离开button范围，hover-class效果也会消失，同时也不会触发点击事件。 +- button 的text区域文字，App端HBuilderX4.02及以上版本支持 `\n` 方式换行，HBuilderX4.01及以下版本不支持 ，会直接显示 `\n` 字符；Web端 `\n` 会变成一个空格。 +- button按下后触发hover-class效果，在App平台，手指不松开、一直在屏幕上移动、离开button组件范围后，hover-class效果消失，同时也不会触发点击事件；在web和小程序平台，手指移动一点后，即便未离开button范围，hover-class效果也会消失，同时也不会触发点击事件。 - 无论在哪个平台，hover-class消失后松开手指，都不会触发点击事件。 -- GitLab