chore: commit时格式整理
This commit is contained in:
@@ -5,8 +5,8 @@
|
||||
left: calc(100% + 5px);
|
||||
}
|
||||
|
||||
.layui-nav .layui-show.layui-anim-upbit .left-nav.layui-show.layui-anim-upbit
|
||||
, .layui-nav .layui-show.layui-anim-upbit .left-nav .layui-show.layui-anim-upbit {
|
||||
.layui-nav .layui-show.layui-anim-upbit .left-nav.layui-show.layui-anim-upbit,
|
||||
.layui-nav .layui-show.layui-anim-upbit .left-nav .layui-show.layui-anim-upbit {
|
||||
top: 0px;
|
||||
left: calc(-100% - 20px);
|
||||
}
|
||||
@@ -47,7 +47,7 @@
|
||||
line-height: 60px;
|
||||
}
|
||||
|
||||
.layui-nav .layui-nav-item > a {
|
||||
.layui-nav .layui-nav-item > a {
|
||||
display: block;
|
||||
padding: 0 30px;
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
@@ -280,7 +280,7 @@
|
||||
.layui-nav-light {
|
||||
background-color: #ffffff;
|
||||
* {
|
||||
color: grey!important;
|
||||
color: grey !important;
|
||||
}
|
||||
.layui-nav-itemed > .layui-nav-child {
|
||||
background-color: rgba(0, 0, 0, 0.02);
|
||||
@@ -293,22 +293,22 @@
|
||||
}
|
||||
|
||||
.layui-nav-tree .layui-this * {
|
||||
color: white!important;
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
.layui-nav-tree.inverted .layui-this,
|
||||
.layui-nav-tree.inverted .layui-this,
|
||||
.layui-nav-tree.inverted .layui-this:hover {
|
||||
border-radius: 4px;
|
||||
margin: 0px 6px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.layui-nav-tree.inverted .layui-this > a,
|
||||
.layui-nav-tree.inverted .layui-this:hover > a {
|
||||
.layui-nav-tree.inverted .layui-this > a,
|
||||
.layui-nav-tree.inverted .layui-this:hover > a {
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.layui-nav-tree.inverted .layui-this > a{
|
||||
.layui-nav-tree.inverted .layui-this > a {
|
||||
padding: 5px 24px 5px 24px;
|
||||
}
|
||||
|
||||
@@ -316,4 +316,4 @@
|
||||
.layui-nav-itemed > .layui-nav-child {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<script lang="ts">
|
||||
export default {
|
||||
name: "LayMenu"
|
||||
}
|
||||
name: "LayMenu",
|
||||
};
|
||||
</script>
|
||||
|
||||
<script setup lang="ts">
|
||||
@@ -23,9 +23,9 @@ const props = withDefaults(defineProps<LayMenuProps>(), {
|
||||
selectedKey: "",
|
||||
openKeys: () => [],
|
||||
tree: false,
|
||||
theme: 'dark',
|
||||
theme: "dark",
|
||||
inverted: false,
|
||||
level: false
|
||||
level: false,
|
||||
});
|
||||
|
||||
const isTree = computed(() => props.tree);
|
||||
@@ -54,7 +54,15 @@ provide("openKeys", openKeys);
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<ul class="layui-nav" :class="[level? 'level':'',inverted ? 'inverted':'',tree ? 'layui-nav-tree' : '', theme === 'dark' ? 'layui-nav-dark':'layui-nav-light' ]">
|
||||
<ul
|
||||
class="layui-nav"
|
||||
:class="[
|
||||
level ? 'level' : '',
|
||||
inverted ? 'inverted' : '',
|
||||
tree ? 'layui-nav-tree' : '',
|
||||
theme === 'dark' ? 'layui-nav-dark' : 'layui-nav-light',
|
||||
]"
|
||||
>
|
||||
<slot></slot>
|
||||
</ul>
|
||||
</template>
|
||||
</template>
|
||||
|
||||
Reference in New Issue
Block a user