uview内置样式

文字省略——五折行等级:

u-line-1,u-line-2,u-line-3,u-line-4,u-line-5

定位:

u-relative——u-rela

u-absolute——u-abso

字体大小:

数值——rpx:x >= 20 && x <= 40;px:x >= 10 && x < 20

u-font-x

断点——xs(22rpx)、sm(26)、md(28)、lg(30)、xl(34)

u-font-xs

文字对齐——左中右三类:

u-text-left

u-text-center

u-text-right

内外边距:

x——1-80(可以等于80)之间的偶数(双数);能被5除尽的1-80之间的数,如5,10,15,35等

u-p-x

u-p-l-x

u-p-t-x

u-p-r-x

u-p-b-x

u-m-x

u-m-l-x

u-m-t-x

u-m-r-x

u-m-b-x

flex布局:

u-flex: display: flex;

flex-direction: row;——默认方向

align-items: center;——列居中

换行: u-flex-wrap

不换行: u-flex-nowrap

列: 垂直居中——u-col-center

顶部对齐——u-col-top

底部对齐——u-col-bottom

行: 左边对齐——u-row-left

水平居中——u-row-center

右边对齐——u-row-right

两端对齐——u-row-between

左右对齐——u-row-around

子元素空间: u-flex-x——x >= 1 && x <= 12

添加边框:

u-border

u-border-top

u-border-right

u-border-bottom

u-border-left

文字颜色:

main-color 主要颜色,可以用于标题等需要重颜色的场景

content-color 内容颜色,可以用于一般性内容的场景

tips-color 提示颜色,可以用于浅颜色的提示语的场景

light-color 为比tips-color更浅的颜色,可以和tips-color搭配使用

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。