代码拉取完成,页面将自动刷新
ulthon扩展的layui样式库.
如今移动端有很多丰富的ui库,但是pc端好用的ui库有那么少,layui本身也很好用,但是样式库实在是太少.
这个项目里面会集成很多设计好的样式库,引用样式,复制可用.
只需要引入文件即可:
//layui.ulthon.com/cdn/layui-ul.css
比如:
<link rel="stylesheet" href="//layui.ulthon.com/cdn/layui-ul.css">
最近刚刚做了一个vue+elementui的项目,使用了这个样式库,没有任何不适
全部文档网站 http://layui.ulthon.com/
本站是一个基于ulthon_admin的官网项目,有关样式的代码在source/scss
目录下.
关于样式组件,目前开始使用scss
重构开发.
推荐使用vscode开发,安装Live Sass Compiler
扩展并启用以下配置:
在项目目录下创建配置文件.vscode/settings.json
;
{
"liveSassCompile.settings.formats": [
{
"format": "compressed",
"extensionName": ".min.css",
"savePath": "/public/cdn/"
},
{
"format": "expanded",
"extensionName": ".css",
"savePath": "/public/cdn/"
},
],
"liveSassCompile.settings.generateMap": false
}
本站是基于ulthon_admin开发的,它是ThinkPHP6的项目,你需要掌握相关基础才行.实际上是一个CMS站点.
如果你只希望修改组件样式的话,只关注
source/scss
目录下的文件就可以了
git clone https://gitee.com/ulthon/layui-ul.git
cd layui-ul
composer install
php think migrate:run
php think seed:run
php think run
此时可以访问:127.0.0.1:8000
新版本的组件支持独立的文件,更好的浏览体验,可以快捷单独复制每个文件,可以通过命令生成:
php think make:component tpl_name component_name component_title
比如:
php think make:component list ul-user-list 用户列表
新的组件代码结构:
ul-music-list
├─ _index.env
├─ _index.html
├─ _index.md
└─ _index.scss
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。