From 6b2881fa35c3c8f09ca5a47ceff2e1e4bad1ccf2 Mon Sep 17 00:00:00 2001 From: DCloud-yyl Date: Thu, 21 Mar 2024 00:40:44 +0800 Subject: [PATCH] Update button.md --- docs/component/button.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/docs/component/button.md b/docs/component/button.md index 55bdd681..b2f7064a 100644 --- a/docs/component/button.md +++ b/docs/component/button.md @@ -14,7 +14,7 @@ - button 的text区域文字，app平台HBuilderX4.02及以上版本支持 `\n` 方式换行，HBuilderX4.01及以下版本不支持 ，会直接显示 `\n` 字符；Web端 `\n` 会变成一个空格。 - button按下后触发hover-class效果，在app平台，手指不松开、一直在屏幕上移动、离开button组件范围后，hover-class效果消失，同时也不会触发点击事件；在web平台，手指移动一点后，即便未离开button范围，hover-class效果也会消失，同时也不会触发点击事件。 - 无论在哪个平台，hover-class消失后松开手指，都不会触发点击事件。 -- button 的hover-class属性需注意以下事项： +- button 设置hover-class属性时需注意，app平台HBuilderX4.04及以下版本与web平台有差异，HBuilderX4.05版本统一为以下规则： + 如果hover-class属性值设置为none，在style样式里面设置了同名的none样式，none样式将不起作用，没有点击态效果 + 如果hover-class属性值设置为button-hover或者不设置hover-class属性值，在style样式里面设置了同名的button-hover样式，点击效果将使用button-hover样式 + 如果hover-class属性值设置为无效值（或非法值），没有点击态效果 @@ -25,6 +25,8 @@ +## hover-class 属性值 + ## button样式修改@style button在元素的text区域直接写文字，和text组件一样。可以这么理解，button是一个特殊的text组件，文字样式可以直接写在button组件的style或class上。 -- GitLab