uibase库

最新推荐文章于 2021-12-03 11:39:29 发布

m0_52314951

最新推荐文章于 2021-12-03 11:39:29 发布

阅读量224

点赞数

本文链接：https://blog.csdn.net/m0_52314951/article/details/110872496

版权

本文详细介绍了uibase库，一个用于构建前端用户界面的轻量级框架。内容包括uibase的核心特性、组件使用方法、以及如何在实际项目中集成和定制。通过学习，开发者可以快速掌握uibase，提升前端开发效率。

摘要由CSDN通过智能技术生成

/*强调色*/
body {
   
	--primary: #007bff;
	--info: #17a2b8;
	--success: #28a745;
	--danger: #dc3545;
	--warning: #ffc107;
	--white: #fff;
	--black: #000;
}

page{
   
	padding-bottom: 80upx;
	box-sizing: border-box;
}



.box {
   
	width: 100%;
	margin: auto;
}
.border-bottom{
   
	border-bottom: 1px solid #E4E4E4;
}
.left {
   
	width: 40upx;
	height: 40upx;
}
.bgColor{
   
	background-color: #da251d;
}
.textColor{
   
	color: #DA251D;
}
.color {
   
	color: #999;
}
select{
   
		padding: 10upx 10upx;
		/* border-color: #CCCCCC; */
		border: none;
		color: #666666;
}

.btnStyle{
   
	background-color: #da251d !important;
	color: #FFFFFF;
	/* border: 1px solid #da251d; */
}

.btnTransparent{
   
	background:transparent;
	color: #da251d;
	border: 1px solid #da251d;
}

/* 文本强调色 */
.text-primary {
   
	color: var(--primary) !important;
}

.text-info {
   
	color: var(--info) !important;
}

.text-success {
   
	color: var(--success) !important;
}

.text-danger {
   
	color: var(--danger) !important;
}

.text-warning {
   
	color: var(--warning) !important;
}

.text-white {
   
	color: var(--white) !important;
}

.text-black {
   
	color: var(--black) !important;
}
.text-grey{
   
	color: #999;
}

/* 背景强调色 */
.bg-primary {
   
	background-color: var(--primary) !important;
}

.bg-info {
   
	background-color: var(--info) !important;
}

.bg-success {
   
	background-color: var(--success) !important;
}

.bg-danger {
   
	background-color: var(--danger) !important;
}

.bg-warning {
   
	background-color: var(--warning) !important;
}

.bg-white {
   
	background-color: var(--white) !important;
}

.bg-black {
   
	background-color: var(--blac