优化样式部署

public/cdn/layui-ul-change.css

@@ -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;
+}

public/static/css/common.css

@@ -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{

public/static/css/skin-1.css

@@ -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;
-}

view/admin/common/_require.html

@@ -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>
@@ -10,110 +10,85 @@
 
 <script>
 
-    //JavaScript代码区域
+  //JavaScript代码区域
-    layui.use(['element', 'layer', 'util'], function () {
+  layui.use(['element', 'layer', 'util'], function () {
-        var element = layui.element;
+    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')
 
-                    }
+    $('.layui-side').addClass('layui-hide-xs')
 
-                    location.reload()
+  });
-                }
-            }
-        });
-        $('.layui-side').addClass('layui-hide-xs')
 
-    });
+  $(function () {
+    var skinName = $.cookie('skin-name')
 
-    $(function () {
+    $('body').addClass(skinName)
-        var skinName = $.cookie('skin-name')
+    setTimeout(() => {
-
+      if (typeof currentHeaderNavItem != "undefined") {
-        $('body').addClass(skinName)
+        $('.header-nav-item').each(function (i, e) {
-        setTimeout(() => {
+          if ($(e).data('name') == currentHeaderNavItem) {
-            if (typeof currentHeaderNavItem != "undefined") {
+            $(e).addClass('layui-this')
-                $('.header-nav-item').each(function (i, e) {
+          }
-                    if ($(e).data('name') == currentHeaderNavItem) {
+        })
-                        $(e).addClass('layui-this')
+      }
-                    }
+      if (typeof currentLeftNavItem != "undefined") {
-                })
+        $('.left-nav-item').each(function (i, e) {
-            }
+          if ($(e).data('name') == currentLeftNavItem) {
-            if (typeof currentLeftNavItem != "undefined") {
+            $(e).addClass('layui-this')
-                $('.left-nav-item').each(function (i, e) {
+          }
-                    if ($(e).data('name') == currentLeftNavItem) {
+        })
-                        $(e).addClass('layui-this')
+      }
-                    }
-                })
-            }
 
 
-            // 表格转卡片
+      // 表格转卡片
 
 
 
-            var tableContainer = $('.layui-table').parent()
+      var tableContainer = $('.layui-table').parent()
 
-            $('.layui-table').addClass('layui-hide-xs')
+      $('.layui-table').addClass('layui-hide-xs')
 
-            var cardList = $('<div class="table-card layui-show-xs-block layui-hide-md"></div>').prependTo(tableContainer)
+      var cardList = $('<div class="table-card layui-show-xs-block layui-hide-md"></div>').prependTo(tableContainer)
 
-            $('.layui-table tbody tr').each(function () {
+      $('.layui-table tbody tr').each(function () {
-                var trItem = this;
+        var trItem = this;
 
-                var boxItem = $('.tpl .table-card-box').clone()
+        var boxItem = $('.tpl .table-card-box').clone()
 
-                $.each($(trItem).data(),function(index,value){
+        $.each($(trItem).data(), function (index, value) {
-                    
-                    $(boxItem).data(index,value)
-                })
 
-                $(trItem).find('td').each(function (index, ele) {
+          $(boxItem).data(index, value)
-                    var itemItem = $('.tpl .table-card-item').clone()
+        })
-                    $(itemItem).find('.item-title').text($('.layui-table thead th').eq(index).text())
 
-                    if($(ele).children().length == 0){
+        $(trItem).find('td').each(function (index, ele) {
-                        $(itemItem).find('.item-value').html($(ele).html())
+          var itemItem = $('.tpl .table-card-item').clone()
-                    }else{
+          $(itemItem).find('.item-title').text($('.layui-table thead th').eq(index).text())
 
-                        $(ele).children().clone().appendTo($(itemItem).find('.item-value'))
+          if ($(ele).children().length == 0) {
-                    }
+            $(itemItem).find('.item-value').html($(ele).html())
+          } else {
 
-                    $(itemItem).appendTo(boxItem)
+            $(ele).children().clone().appendTo($(itemItem).find('.item-value'))
-                })
+          }
 
-                $(boxItem).appendTo(cardList)
+          $(itemItem).appendTo(boxItem)
-            })
+        })
 
-        }, 1);
+        $(boxItem).appendTo(cardList)
+      })
+
+    }, 1);
 
 
-    })
+  })
 </script>
 {:get_system_config('site_tongji')}
 
 <div class="tpl" style="display: none;">
-    <div class="table-card-box item">
+  <div class="table-card-box item">
 
-    </div>
+  </div>
-    <div class="table-card-item">
+  <div class="table-card-item">
-        <div class="item-title"></div>
+    <div class="item-title"></div>
-        <div class="item-value"></div>
+    <div class="item-value"></div>
-    </div>
+  </div>
 </div>

view/admin/post/create.html

@@ -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>

view/index/common/_require.html

@@ -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>

view/index/index/index.html

@@ -51,7 +51,9 @@
               <a><cite>{$model_post->title}</cite></a>
             </span>
           </div>
-          <div class="ql-editor">{$model_post->content_html|raw}</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>