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