Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
unidocs-uni-app-x-zh
提交
d0ee50a5
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看板
提交
d0ee50a5
编写于
1月 25, 2024
作者:
D
DCloud_LXH
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
feat: css 颜色、长度、选择器
上级
c0840da8
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
7 addition
and
40 deletion
+7
-40
docs/.vuepress/utils/cssJson.json
docs/.vuepress/utils/cssJson.json
+1
-1
docs/css/README.md
docs/css/README.md
+6
-39
未找到文件。
docs/.vuepress/utils/cssJson.json
浏览文件 @
d0ee50a5
因为 它太大了无法显示 source diff 。你可以改为
查看blob
。
docs/css/README.md
浏览文件 @
d0ee50a5
...
...
@@ -224,21 +224,9 @@ App仅对同层的兄弟节点之间支持z-index来调节层级。不支持脱
字体图标
[
详见
](
font-family.md
)
## 选择器
|类别 |示例 |App支持情况 |备注 |
|:-: |:-: |:-: |:-: |
|通配选择器 |
*
{} |× | |
|类选择器 |.class {} |√ | |
|元素选择器 |tag {} |× | |
|ID 选择器 |#id {} |× | |
|属性选择器 |[attr] {} |× | |
|分组选择器 |.a, .b {} |√ | |
|直接子代选择器 |.a > .b {} |√ | |
|后代选择器 |.a .b {} |√ | |
|一般兄弟选择器 |.a ~ .b {} |√ | |
|紧邻兄弟选择器 |.a + .b {} |√ | |
|伪类选择器 |:active {} |× | |
|伪元素选择器 |::before {}|× | |
## 选择器 @selector
<!-- CSSJSON.selector_values.compatibility -->
注意,选择器声明的变化可能会导致元素重新绘制。为了减少选择器变化引起的 DOM 更新数量,
**当前只支持:CSS 声明的多个选择器中最后一个规则的变更对 DOM 的更新**
。
...
...
@@ -281,20 +269,7 @@ App仅对同层的兄弟节点之间支持z-index来调节层级。不支持脱
-
长度
`<length>`
用于表示距离尺寸的 CSS 数据类型。许多 CSS 属性会用到长度,比如 width、margin、padding。
-
长度
`<percentage>`
表述一个百分比值。许多 CSS 属性 可以取百分比值,用以根据父对象来确定大小。百分比值由一个
`<number>`
具体数值后跟着%符号构成。就像其他在 css 里的单位一样,在%和数值之间是不允许有空格的。
|类别 |App支持情况 |备注 |
|:-: |:-: |:-: |
|px |√ | |
|rpx |√ | |
|百分比 |√ |仅支持width、height、padding、margin、top、left、right、bottom、flex-basis|
|rem | | |
|em |√ |仅支持line-height |
|vw | | |
|vh | | |
|vmin | | |
|vmax | | |
|ratio | | |
|env() | | |
|calc() | | |
<!-- CSSJSON.length_values.compatibility -->
rpx是一个以设备750px为基准的单位,750rpx即为屏幕宽度,375rpx即为屏幕一半宽度。它比较适合适配不同宽度的手机。但rpx的性能和精度不如px,如果px可满足需求,尽量使用px。
...
...
@@ -312,17 +287,9 @@ px、rpx属于逻辑像素,在不同dpi的设备上,需要转换为物理像
rpx和百分比,比px更容易产生浮点数,所以如果px能满足需求,尽量不用rpx和百分比。
## 颜色 @color
## 颜色
|类别 |App支持情况 |备注 |
|:-: |:-: |:-: |
|color keywords |√ |red等 |
|#RRGGBB / #RGB |√ | |
|rgb[a] |√ | |
|transparent |√ | |
|currentColor | | |
|hsl | | |
|hsla | | |
<!-- CSSJSON.color_values.compatibility -->
## css方法
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录