文字省略——五折行等级:
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搭配使用