Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
unidocs-uni-app-x-zh
提交
d6949395
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看板
提交
d6949395
编写于
3月 09, 2024
作者:
DCloud-yyl
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Update button.md
上级
2ecdc94a
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
2 addition
and
2 deletion
+2
-2
docs/component/button.md
docs/component/button.md
+2
-2
未找到文件。
docs/component/button.md
浏览文件 @
d6949395
...
...
@@ -11,8 +11,8 @@
<!-- UTSCOMJSON.button.compatibility -->
-
在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
。
-
在app平台,HBuilderX4.02及以上版本
调整为原生实现button组件,默认边框不占高度,解决button实际渲染宽高与Web端不一致的问题;HBuilderX4.01及以下版本封装text实现button组件,由于不支持伪类,默认边框使用 border 样式实现,会导致button的实际的渲染宽高在app端比web端多
1px。
-
button的默认边框宽度为0.5px,当type属性为plain时,边框宽度是1px,
此时在web平台button实际的渲染宽高会大于其他类型1px,在app平台button实际的渲染高度与其他类型一致
。
-
button 的text区域文字,app平台HBuilderX4.02及以上版本支持
`\n`
方式换行,HBuilderX4.01及以下版本不支持 ,会直接显示
`\n`
字符;Web端
`\n`
会变成一个空格。
-
button按下后触发hover-class效果,在app平台,手指不松开、一直在屏幕上移动、离开button组件范围后,hover-class效果消失,同时也不会触发点击事件;在web平台,手指移动一点后,即便未离开button范围,hover-class效果也会消失,同时也不会触发点击事件。
-
无论在哪个平台,hover-class消失后松开手指,都不会触发点击事件。
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录