uniapp x 样式 uvue css 样式节选

发布于：2024-10-13 ⋅ 阅读:(64) ⋅ 点赞:(0)

微信交流群：https://732903.hlcode.cn/?id=NK1fWUR

uniapp的下一版本uniapp x已经发布，uniapp x支持的样式为uvue css。

1、css模块

模块	App支持情况	备注
背景与边框	√	不支持背景图
盒子模型	√
Flex 布局	√
Inline 布局	×
Inline-Block 布局	×
Block 布局	×
字体	√	详见
Positioned 布局	√
CSS Animation	x
CSS Transition	√
CSS Variable	×
媒体查询	×

2、css方法

目前仅支持url()、rgb()、rgba()、var()。

3、样式清单

CSS 属性列表
width
min-width
max-width
height
min-height
max-height
position
z-index
top
bottom
left
right
flex-direction
justify-content
flex-wrap
align-items
align-self
align-content
flex
flex-grow
flex-shrink
flex-basis
flex-flow
display
overflow
visibility
opacity
box-sizing
background
background-color
background-image
background-clip
padding
padding-left
padding-top
padding-right
padding-bottom
margin
margin-left
margin-top
margin-right
margin-bottom
border
border-style
border-left-style
border-top-style
border-right-style
border-bottom-style
border-width
border-left-width
border-top-width
border-right-width
border-bottom-width
border-color
border-left-color
border-top-color
border-right-color
border-bottom-color
border-radius
border-top-left-radius
border-top-right-radius
border-bottom-left-radius
border-bottom-right-radius
border-top
border-bottom
border-left
border-right
color
font-size
font-style
font-weight
text-decoration
text-decoration-line
text-decoration-color
text-decoration-style
text-decoration-thickness
text-align
font-family
text-overflow
line-height
lines
letter-spacing
white-space
box-shadow
transition
transition-property
transition-duration
transition-timing-function
transition-delay
transform
transform-origin
pointer-events

4、层级

App仅对同层的兄弟节点之间支持z-index来调节层级。不支持脱离dom树任意调节层级。

注：这里只是节选的，具体的文档看官网