Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
unidocs-uni-app-x-zh
提交
6b2881fa
U
unidocs-uni-app-x-zh
项目概览
DCloud
/
unidocs-uni-app-x-zh
通知
144
Star
2
Fork
33
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
9
列表
看板
标记
里程碑
合并请求
11
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
unidocs-uni-app-x-zh
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
9
Issue
9
列表
看板
标记
里程碑
合并请求
11
合并请求
11
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
6b2881fa
编写于
3月 21, 2024
作者:
DCloud-yyl
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Update button.md
上级
a1a049de
变更
1
显示空白变更内容
内联
并排
Showing
1 changed file
with
3 addition
and
1 deletion
+3
-1
docs/component/button.md
docs/component/button.md
+3
-1
未找到文件。
docs/component/button.md
浏览文件 @
6b2881fa
...
...
@@ -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 @@
<!-- UTSCOMJSON.button.reference -->
## hover-class 属性值
## button样式修改@style
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.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录