分享自己常用的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文章来源:https://www.toymoban.com/news/detail-566637.html
下载导入到HBuilderX中就可以运行啦~文章来源地址https://www.toymoban.com/news/detail-566637.html
到了这里,关于分享自己在uniapp开发中用的css样式的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!