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、盒子
m p b border
margin-right-lg padding-rl-lg radius
round
4、背景

bg-orange || bg-gradual-red

5. other

flex || block

6. 弹窗盒子
	cu-modal bottom-modal top-modal
	
	<view class="cu-modal" :class="showModal?'show':''" @tap.self="tapModal">
		<view class="cu-dialog text-left">
		</view>
	</view>

说明

.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;

原文地址:https://www.cnblogs.com/lgyong/p/13175511.html