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树任意调节层级。
注:这里只是节选的,具体的文档看官网