Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
unidocs-uni-app-x-zh
提交
cdd4539a
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看板
提交
cdd4539a
编写于
2月 29, 2024
作者:
DCloud-yyl
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Update button.md
上级
d2851cb5
变更
1
显示空白变更内容
内联
并排
Showing
1 changed file
with
4 addition
and
3 deletion
+4
-3
docs/component/button.md
docs/component/button.md
+4
-3
未找到文件。
docs/component/button.md
浏览文件 @
cdd4539a
...
...
@@ -10,10 +10,11 @@
<!-- 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 的text区域文字,
uvue下不支持
`\n`
方式换行,会直接显示
`\n`
字符。微信小程序下
`\n`
会变成一个空格。
-
button按下后触发hover-class效果,在
a
pp平台,手指不松开、一直在屏幕上移动、离开button组件范围后,hover-class效果消失,同时也不会触发点击事件;在web和小程序平台,手指移动一点后,即便未离开button范围,hover-class效果也会消失,同时也不会触发点击事件。
-
button 的text区域文字,
App端HBuilderX4.02及以上版本支持
`\n`
方式换行,HBuilderX4.01及以下版本不支持 ,会直接显示
`\n`
字符;Web端
`\n`
会变成一个空格。
-
button按下后触发hover-class效果,在
A
pp平台,手指不松开、一直在屏幕上移动、离开button组件范围后,hover-class效果消失,同时也不会触发点击事件;在web和小程序平台,手指移动一点后,即便未离开button范围,hover-class效果也会消失,同时也不会触发点击事件。
-
无论在哪个平台,hover-class消失后松开手指,都不会触发点击事件。
<!-- UTSCOMJSON.button.children -->
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录