ulthon/layui-ul
1
0
Fork 0
mirror of https://gitee.com/ulthon/layui-ul.git synced 2026-07-10 06:02:48 +08:00
Code Issues Packages Projects Releases Wiki Activity

优化样式部署

Browse Source
This commit is contained in:
augushong
2021-03-23 19:47:49 +08:00
parent bb714a5333
commit 384aa7f908
7 changed files with 213 additions and 232 deletions
Download Patch File Download Diff File Expand all files Collapse all files

150
public/cdn/layui-ul-change.css Normal file
View File

@@ -0,0 +1,150 @@
@media screen and (max-width: 768px){
}
.layui-nav-tree .layui-nav-item a:hover{
background-color: #6699CC;
}
.layui-bg-black{
background-color: #66CCFF !important;
}
.layui-nav-tree .layui-nav-child dd.layui-this,
.layui-nav-tree .layui-nav-child dd.layui-this a,
.layui-nav-tree .layui-this,
.layui-nav-tree .layui-this > a,
.layui-nav-tree .layui-this > a:hover{
background-color: #6699CC;
}
.layui-layout-admin .layui-logo{
color: #fff;
line-height: 45px;
}
.layui-layout-admin .layui-header{
background-color: #39BDFF;
}
.layui-nav {
background-color: #66CCFF;
}
.layui-header{
height: 45px;
}
.layui-nav .layui-nav-item{
line-height: 45px;
}
.layui-nav .layui-nav-item a {
color: #FFFFFF;
}
.layui-nav .layui-nav-child a {
color: #66CCFF;
}
.layui-nav .layui-this::after,
.layui-nav-bar,
.layui-nav-tree .layui-nav-itemed::after {
background-color: #CCFFFF;
}
.layui-tab-brief > .layui-tab-title .layui-this{
color: #66CCFF;
}
.layui-tab-brief > .layui-tab-more li.layui-this::after, .layui-tab-brief > .layui-tab-title .layui-this::after{
border-color: #66CCFF;
}
.layui-btn{
background-color: #66CCFF;
}
.layui-form-radio > i:hover, .layui-form-radioed > i{
color: #66CCFF;
}
.layui-elem-quote{
border-color: #66CCFF;
}
.layui-laydate td.layui-this{
background-color: #66CCFF !important;
}
.layui-form-checkbox[lay-skin="primary"]:hover i{
border-color: #66CCFF;
}
.layui-form-checked[lay-skin="primary"] i{
border-color: #66CCFF !important;
background-color: #66CCFF !important;
}
.layui-form-select dl dd.layui-this{
background-color: #66CCFF;
}
.layui-form-label{
width: unset;
padding: 3px 3px;
float: unset;
text-align: left;
font-weight: 600;
font-size: 15px;
}
.layui-input-block{
margin-left: 0;
}
.layui-form-pane .layui-form-label{
float: left;
font-weight: normal;
font-size: 14px;
}
.layui-nav-tree .layui-nav-item a{
height: 35px;
line-height: 35px;
}
.layui-nav-tree{
width: 140px;
}
.layui-layout-admin .layui-side{
width: 140px;
top: 45px;
}
.layui-layout-admin .layui-footer{
left: 140px;
height: 35px;
line-height: 35px;
}
.layui-layout-admin .layui-body{
top: 45px;
}
.layui-side-scroll{
width: 140px;
}
.layui-body{
left: 140px;
}
.layui-nav .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this{
background-color: #19B3FF;
}
.layui-nav-tree .layui-nav-bar{
background-color: #66CCFF;
}
.layui-form-label .layui-word-aux{
font-size: 12px;
}

3
public/static/css/common.css
View File

@@ -79,6 +79,9 @@
display: flex;
}
.ql-snow .ql-editor pre.ql-syntax{
line-height: 1.4;
}
@media screen and (max-width: 768px){
.layui-body{

150
public/static/css/skin-1.css
View File

@@ -1,150 +0,0 @@
@media screen and (max-width: 768px){
}
.layui-nav-tree .layui-nav-item a:hover{
background-color: #6699CC;
}
.layui-bg-black{
background-color: #66CCFF !important;
}
.layui-nav-tree .layui-nav-child dd.layui-this,
.layui-nav-tree .layui-nav-child dd.layui-this a,
.layui-nav-tree .layui-this,
.layui-nav-tree .layui-this > a,
.layui-nav-tree .layui-this > a:hover{
background-color: #6699CC;
}
.layui-layout-admin .layui-logo{
color: #fff;
line-height: 45px;
}
.layui-layout-admin .layui-header{
background-color: #39BDFF;
}
.layui-nav {
background-color: #66CCFF;
}
.layui-header{
height: 45px;
}
.layui-nav .layui-nav-item{
line-height: 45px;
}
.layui-nav .layui-nav-item a {
color: #FFFFFF;
}
.layui-nav .layui-nav-child a {
color: #66CCFF;
}
.layui-nav .layui-this::after,
.layui-nav-bar,
.layui-nav-tree .layui-nav-itemed::after {
background-color: #CCFFFF;
}
.layui-tab-brief > .layui-tab-title .layui-this{
color: #66CCFF;
}
.layui-tab-brief > .layui-tab-more li.layui-this::after, .layui-tab-brief > .layui-tab-title .layui-this::after{
border-color: #66CCFF;
}
.layui-btn{
background-color: #66CCFF;
}
.layui-form-radio > i:hover, .layui-form-radioed > i{
color: #66CCFF;
}
.layui-elem-quote{
border-color: #66CCFF;
}
.layui-laydate td.layui-this{
background-color: #66CCFF !important;
}
.layui-form-checkbox[lay-skin="primary"]:hover i{
border-color: #66CCFF;
}
.layui-form-checked[lay-skin="primary"] i{
border-color: #66CCFF !important;
background-color: #66CCFF !important;
}
.layui-form-select dl dd.layui-this{
background-color: #66CCFF;
}
.layui-form-label{
width: unset;
padding: 3px 3px;
float: unset;
text-align: left;
font-weight: 600;
font-size: 15px;
}
.layui-input-block{
margin-left: 0;
}
.layui-form-pane .layui-form-label{
float: left;
font-weight: normal;
font-size: 14px;
}
.layui-nav-tree .layui-nav-item a{
height: 35px;
line-height: 35px;
}
.layui-nav-tree{
width: 140px;
}
.layui-layout-admin .layui-side{
width: 140px;
top: 45px;
}
.layui-layout-admin .layui-footer{
left: 140px;
height: 35px;
line-height: 35px;
}
.layui-layout-admin .layui-body{
top: 45px;
}
.layui-side-scroll{
width: 140px;
}
.layui-body{
left: 140px;
}
.layui-nav .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this{
background-color: #19B3FF;
}
.layui-nav-tree .layui-nav-bar{
background-color: #66CCFF;
}
.layui-form-label .layui-word-aux{
font-size: 12px;
}

27
view/admin/common/_require.html
View File

@@ -1,7 +1,7 @@
<link rel="stylesheet" href="/static/css/reset.css">
<link rel="stylesheet" href="/static/css/pagination.css">
<link rel="stylesheet" href="/static/lib/layui/css/layui.css">
<link rel="stylesheet" href="/static/css/{$Request.cookie.skin_name|default='skin-1'}.css">
<link rel="stylesheet" href="/cdn/layui-ul-change.css">
<link rel="stylesheet" href="/static/css/common.css">
<script src="/static/lib/jquery/jquery-3.4.1.min.js"></script>
<script src="/static/lib/jquery/jquery.cookie.js"></script>
@@ -13,32 +13,7 @@
//JavaScript代码区域
layui.use(['element', 'layer', 'util'], function () {
var element = layui.element;
var util = layui.util;
var defaultCookieSetting = {
path: '/',
expires: 7,
}
//执行
util.fixbar({
bar1: '&#xe656;'
, click: function (type) {
console.log(type);
if (type === 'bar1') {
var skinName = $.cookie('skin_name')
$('body').removeClass()
if (skinName == 'skin-1') {
$.cookie('skin_name', 'skin-0', defaultCookieSetting)
$('body').addClass('skin-0')
} else {
$.cookie('skin_name', 'skin-1', defaultCookieSetting)
$('body').addClass('skin-1')
}
location.reload()
}
}
});
$('.layui-side').addClass('layui-hide-xs')
});

2
view/admin/post/create.html
View File

@@ -166,7 +166,7 @@
<div class="layui-form-item">
<div class="layui-form-label">模板</div>
<div class="layui-input-block">
<input type="text" name="tpl_name" class="layui-input" value="{$post->tpl_name}" id="">
<input type="text" name="tpl_name" class="layui-input" value="" id="">
</div>
</div>
</div>

1
view/index/common/_require.html
View File

@@ -3,6 +3,7 @@
<link rel="stylesheet" href="/static/lib/layui/css/layui.css">
<link rel="stylesheet" href="/static/css/{$Request.cookie.skin_name|default='skin-1'}.css">
<link rel="stylesheet" href="/static/css/common.css">
<link rel="stylesheet" href="/cdn/layui-ul-change.css">
<link rel="stylesheet" href="/cdn/layui-ul.css">
<script src="/static/lib/jquery/jquery-3.4.1.min.js"></script>
<script src="/static/lib/jquery/jquery.cookie.js"></script>

2
view/index/index/index.html
View File

@@ -51,7 +51,9 @@
<a><cite>{$model_post->title}</cite></a>
</span>
</div>
<div class="ql-snow">
<div class="ql-editor">{$model_post->content_html|raw}</div>
</div>
<div class="demo-page">
{$model_post->demo_page|raw}
</div>