比 Bootstrap 更轻的几款 CSS 样式库
有时候经常需要做一些简单的页面展示一些信息,不需要什么交互,也不需要复杂的组件,这时候就需要一些简单的 CSS 样式库。
今天找了几个,记录一下,方便以后使用。
MVP.css
一个仅有6kb大小的基本CSS文件,不含任何类、ID或其他模块化代码,确实非常简洁。
有时候经常需要做一些简单的页面展示一些信息,不需要什么交互,也不需要复杂的组件,这时候就需要一些简单的 CSS 样式库。
今天找了几个,记录一下,方便以后使用。
一个仅有6kb大小的基本CSS文件,不含任何类、ID或其他模块化代码,确实非常简洁。
新项目开始使用 bootstrap 5 之后,相关依赖的样式也得跟着升级。
找了一下 select2 的 bootstrap5 样式,找到这个项目 select2-bootstrap-5-theme,使用了一下,感觉不错,推荐一下。
网页中使用 WeUI 可以直接引入官方的 CDN 链接:
使用模态框,一般都会自动带上一个属性,tabindex="-1"。
废话不多说,直接上代码:
笔者使用的是滴滴的 mpx 框架开发小程序的,使用 WebStorm 的时候,format 代码总是将 24rpx 变成 24 rpx,中间多个空格,导致样式失效。
搜了一下,找到一个解决方案:
.login-container {
background: url(/static/img/001.png) 200px no-repeat,linear-gradient(90deg,
#10ad89 0%, #1ca4be 100%);
}
在做登录页面时,UI给的背景图是分为背景渐变 和背景图片,在一个元素标签上展示,实践过以上写法可以实现。从网上搜索时,搜到的结果是,
1.渐变属性与图片属性中间用逗号隔开;
2.渐变属性要在图片属性之前。
但这种没有出现想要的结果,所以我自己写到一个属性里就可以了,注意图片一定是png格式的。
原文:https://blog.csdn.net/lilyheart1/article/details/107563872
body 标签内添加 data-weui-theme=”light”
即可:
<body data-weui-theme="light">
...
</body>
可以选择 light
或 dark
。