自己在uni-app开发用的css样式

分享自己常用的Css样式和命名规范，不是组件库，之前也用过uView、ColorUI等，但是觉得太过于复杂，不够简单，
有些命名跟自己平时习惯不一样，有时候更改一些样式花费的时候比自己重新搞一个还要多。

本人是偏后端开发的全栈程序员，前端样式不需要花里胡哨的，更多的是考虑页面布局、颜色搭配、间距圆角等。

Css命名规范也很简单粗暴，比如字体大小命名如下：

.text-26 {
	font-size: 26rpx;
}

.text-28 {
	font-size: 28rpx;
}

之前也这么命名text-small text-large或者font-sm font-xl等，但是用起来感觉不舒服，不直接。

一些UI能用Uniapp官方的就用官方的，官方不好看就自定义。这里图标复用了ColorUI的。

其实很简单，就是文字、背景、按钮、输入框、内边距、外边距、圆角、列表布局、表格等。

个人比较喜欢IOS的UI，所以平时开发借鉴很多IOS的设计。当然不是专业的UI设计师，只能说尽量做到好看。

代码运行截图如下：

代码地址 https://github.com/tigerleeli/uniapp-ui

下载导入到HBuilderX中就可以运行啦~

这篇好文章是转载于：学新通技术网