theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

docs: 文档 dark 主题适配

Browse Source
This commit is contained in:
就眠儀式
2022-03-30 18:35:34 +08:00
parent 09a5502f54
commit d31ef061ef
5 changed files with 52 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
example/src/layouts/Layout.vue
View File

@@ -8,7 +8,7 @@
<lay-layout class="layui-layout-document" style="height:100%">
<lay-header
><lay-logo>
<img src="../assets/logo-png.png" />
<img src="../assets/logo-png.png" /><span style="margin-left:12px;font-size:20px;color: #213547;letter-spacing: -0.2px;opacity: 0.8;">layui - vue</span>
</lay-logo>
<ul
class="layui-nav layui-layout-left"
@@ -116,7 +116,7 @@
</li>
<li class="layui-nav-item">
<a href="https://gitee.com/layui-vue/layui-vue">
<lay-icon type="layui-icon-fonts-code" size="15px"></lay-icon>
Gitee
</a>
</li>
<li class="layui-nav-item">
@@ -201,7 +201,7 @@
</a>
</li>
<li class="layui-nav-item">
<a href="javascript:void(0)"> 0.4.4 </a>
<a href="javascript:void(0)"> 1.0.0 </a>
</li>
</ul>
</lay-header>
@@ -326,11 +326,16 @@ export default {
background-color: #f1f1f1!important;
}
.layui-layout-document .layui-nav .layui-nav-item > a,
.layui-layout-document .layui-nav .layui-nav-item > a:hover {
.layui-layout-document .layui-header .layui-nav .layui-nav-item > a,
.layui-layout-document .layui-header .layui-nav .layui-nav-item > a:hover {
color: rgba(0, 0, 0, 0.8);
}
.layui-layout-document .layui-header .layui-logo {
text-align: left;
padding-left: 15px;
}
.layui-logo img {
height: 45px;
left: 15px;