首先在根目錄的app.js 引入樣式。 然后就可以直接使用樣式了
因為還沒有官方文檔，自己就根據(jù)demo，研究下怎么使用：? ?div內(nèi)引用樣式
文字大小樣式? text-xsl? ? text-sl? ? text-xxl? ? text-xl? ? text-lg? ? text-df? ? text-sm? ? text-xs
text-left? ? text-center? ? text-right
文字截斷? ? text-cut
文字格式化處理 text-price? ? text-Abc text-ABC text-abc
頭像樣式 cu-avatar?
頭像標(biāo)簽 cu-tag
可以內(nèi)嵌圖標(biāo)或者文字? <div class="cu-avatar radius"> <text class="icon-people"></text> </div>
設(shè)置 圖標(biāo)尺寸? sm 默認(rèn) lg xl?
頭像顏色??
bg-red????
bg-blue??
bg-green?
bg-yello
背景顏色 bg-mauve
漸變背景 bg-gradual-red????
????????????????????????????????????????????????????????????????視頻背景 ????bg-video
圖片背景????bg-img????????圖片遮罩????bg-mask
?????????
透明背景遮罩? ?上面 bg-shadeTop? ? 下面?bg-shadeBottom
按鈕cu-btn? ? 默認(rèn)形狀? ? 圓角round? ? 圓形icon
按鈕尺寸? sm小尺寸? ? ? ? lg大尺寸
按鈕背景色bg-blue? 按鈕陰影?
shadow:'blue'?
linebordersize:'1'
<button class="cu-btn block bg-black margin-tb-sm " loading> 微信加載</button>
<button class="cu-btn block bg-blue margin-tb-sm lg" disabled type="">無效狀態(tài)</button>
布局 固定尺寸?
basis-xs????
basis-df?
basis-sm????
basis-sub????
basis-lg????
basis-xl
布局比例? ? flex-sub? ? flex-twice? ? flex-treble
水瓶對齊方式? ? 左對齊 justify-start? ? ? ? 右對齊
justify-end? ? ? ? 居中對齊
justify- ceter?????兩邊對齊?
justify-between ????兩列對齊
justify-around
垂直對齊? ? 上對齊aliign-start? ? 底對齊align-end? ? 居中對齊align-center
等列分col-1? ? col-2
等高樣式 grid? grid-square
浮動 fl? ? ?fr
輔助布局
