当前位置: 首页 > news >正文

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

相关文章:

  • 家庭医生上门预约小程序源码系统 源码完全开源可二开 带完整搭建教程
  • Lightroom Classic 2023 v12.4
  • docker基于debian11基础环境安装libreoffice
  • vue3 - swiper插件 实现PC端的 视频滑动功能(仿抖音短视频)
  • 宠物社区系统宠物领养小程序,宠物救助小程序系统多少钱?
  • 【打卡】牛客网:BM48 数据流中的中位数
  • OpenAI调查ChatGPT故障;向量搜索的优势与局限
  • 小程序微信登录授权突然没反应的原因和解决方案
  • 数据结构之双向链表
  • 在以BUF,字节存储区中,存放有n个带符号整数。试编写统计其中负偶数个数(假设≤9)并且显示。
  • 【Spring Boot 源码学习】初识 SpringApplication
  • 【开题报告】基于SpringBoot的高校实验室管理系统的设计与实现
  • Springboot项目部署及多环境开发
  • AlGaN/GaN HFET 五参数模型
  • deployment.yaml文件详解
  • [微信小程序] 使用ES6特性Class后出现编译异常
  • 【162天】黑马程序员27天视频学习笔记【Day02-上】
  • css布局,左右固定中间自适应实现
  • es6(二):字符串的扩展
  • JavaScript函数式编程(一)
  • JS数组方法汇总
  • Python_OOP
  • vuex 笔记整理
  • Web标准制定过程
  • 从 Android Sample ApiDemos 中学习 android.animation API 的用法
  • 给自己的博客网站加上酷炫的初音未来音乐游戏?
  • 更好理解的面向对象的Javascript 1 —— 动态类型和多态
  • 关于Java中分层中遇到的一些问题
  • 目录与文件属性:编写ls
  • 日剧·日综资源集合(建议收藏)
  • 如何使用 JavaScript 解析 URL
  • 走向全栈之MongoDB的使用
  • AI又要和人类“对打”,Deepmind宣布《星战Ⅱ》即将开始 ...
  • const的用法,特别是用在函数前面与后面的区别
  • 如何用纯 CSS 创作一个货车 loader
  • #{} 和 ${}区别
  • #Ubuntu(修改root信息)
  • #在线报价接单​再坚持一下 明天是真的周六.出现货 实单来谈
  • (26)4.7 字符函数和字符串函数
  • (5)STL算法之复制
  • (C#)一个最简单的链表类
  • (delphi11最新学习资料) Object Pascal 学习笔记---第5章第5节(delphi中的指针)
  • (翻译)Quartz官方教程——第一课:Quartz入门
  • (六)Hibernate的二级缓存
  • (全部习题答案)研究生英语读写教程基础级教师用书PDF|| 研究生英语读写教程提高级教师用书PDF
  • (总结)Linux下的暴力密码在线破解工具Hydra详解
  • (最简单,详细,直接上手)uniapp/vue中英文多语言切换
  • * 论文笔记 【Wide Deep Learning for Recommender Systems】
  • .Net Core和.Net Standard直观理解
  • .NET WebClient 类下载部分文件会错误?可能是解压缩的锅
  • .NET 简介:跨平台、开源、高性能的开发平台
  • .net6Api后台+uniapp导出Excel
  • .NET程序员迈向卓越的必由之路
  • .net对接阿里云CSB服务
  • .NET开发者必备的11款免费工具