CSS7 - ColorUI

colorUI

1、icon

cuIcon-locationfill

2、字体
xs sm df lg xl xxl 26 30 80
20 24 28 32 36 44
text-left 颜色
text-center text-bold text-price text-cut text-颜色名 (text-orange)
text-right
3、盒子

radius round
margin-right-lg
padding-rl-lg

4、背景

bg-orange || bg-gradual-red

other

flex || block

5、弹窗盒子

.cu-modal position:fixed;tblr:0; opacity: 0;transition: all 0.3s ease-in-out 0s;transform: scale(1.185);(bottom-modal、top-modal)

.cu-modal.show opacity:1;transform: scale(1);

.cu-dialog: display:inline-block;

cu-modal bottom-modal top-modal

<view class="cu-modal" :class="showModal?'show':''" @tap.self="tapModal">
	<view class="cu-dialog text-left">
	</view>
</view>

猜你喜欢

转载自www.cnblogs.com/lgyong/p/13175511.html
今日推荐