uniapp公共css

css 复制代码
/* 弹性布局 */
.flex{
	display: flex;
}
.a-c{
	align-items: center;
}
.a-s{
	align-items: flex-start;
}
.a-e{
	align-items: flex-end;
}
.j-c{
	justify-content: center;
}
.j-sb{
	justify-content: space-between;
}
.j-s{
	justify-content: flex-start;
}
.j-e{
	justify-content: flex-end;
}
.j-sa{
	justify-content: space-around;
}
/* 文本对齐 */
.t-c{
	text-align: center;
}
.t-l{
	text-align: left;
}
.t-r{
	text-align: right;
}
/* 文本超出省略号 */
.o-1{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.o-2{
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
}
.o-3{
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	overflow:hidden;
}
/* 文字效果 */
.bold{
	font-weight: bold;
}
.text-u{
	text-decoration: underline;
}
.text-l{
	text-decoration: line-through;
}
/* 字号 */
.f18{
	font-size: 18rpx;
}
.f20{
	font-size: 20rpx;
}
.f22{
	font-size: 22rpx;
}
.f24{
	font-size: 24rpx;
}
.f28{
	font-size: 28rpx;
}
.f30{
	font-size: 30rpx;
}
.f32{
	font-size: 32rpx;
}
.f34{
	font-size: 34rpx;
}
.f36{
	font-size: 36rpx;
}

字体颜色和背景颜色根据项目ui自行设定,后续有遇到在增加

相关推荐
掘金者阿豪6 分钟前
你的公网 IP 是专线还是动态变化的?一文讲透动态 IP 与固定 IP 的那些事
前端·后端
invicinble15 分钟前
把握理解技术文章转化为工程水平的深度理解
前端
前端炒粉19 分钟前
fetch+readablestream(Streamable)流式输出
java·服务器·前端
风骏时光牛马23 分钟前
AIRAG服务异常监控告警
前端
大厂码农老A27 分钟前
汤森路透的座上宾?Qwen3.5-397B-A17B到底有什么本事?
前端·人工智能·后端
静开35 分钟前
Skills和MCP 到底什么区别
前端·人工智能
伯远医学40 分钟前
RIP-seq 高分文献案例分享
java·前端·javascript·人工智能·算法·eclipse·html
hunterandroid41 分钟前
[鸿蒙从零到一] LazyForEach 复用陷阱与 KeyGenerator 设计实战
前端
Hilaku1 小时前
Web Components 为什么火不起来?
前端·javascript·程序员
Liora_Yvonne1 小时前
从数据库到 Vue 页面:用 LY Fullstack 完成第一个真实全栈业务模块
前端·后端·nestjs