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自行设定,后续有遇到在增加

相关推荐
卸任1 天前
Vibe coding工具使用心得
前端·ai编程
wuxianda10301 天前
2026 苹果审核 4.3 (a) 被拒全解析|Guideline 4.3a spam 马甲包拒审原因 + 避坑方案
flutter·uni-app·苹果上架
brien91 天前
为什么模型标称 1M,Google Antigravity 聊到 256K 却突然失忆?我们给它做了个原生行内监控圆环
前端
修炼的dance1 天前
录屏关键帧间隔多少合适?六档实测,2秒到10秒小了75.6%
前端
Lank_M1 天前
关键帧从1秒拉到10秒,录屏小87.3%,摄像头小10.8%
前端
补码缩写1 天前
用 ffprobe 拆录屏,八成字节在 29 个关键帧上
前端
百思不得小李1 天前
一个复杂的动态表单是如何实现的
前端·设计模式
陈随易1 天前
Cmder 停更 17 个月,2.0 支持 Windows Terminal
前端·后端·程序员
风骏时光牛马1 天前
前沿视界
前端
kyriewen1 天前
我扫了 814 个依赖,97 个还敢要 Node 10
前端·javascript·程序员