88 lines
2.6 KiB
HTML
88 lines
2.6 KiB
HTML
<style>
|
|
div[m-id="{{d.mId}}"] {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
div[m-id="{{d.mId}}"] > .menu {
|
|
width: 200px;
|
|
}
|
|
|
|
div[m-id="{{d.mId}}"] > .menu > .cloud {
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
div[m-id="{{d.mId}}"] > .menu .layui-panel {
|
|
cursor: pointer;
|
|
}
|
|
|
|
div[m-id="{{d.mId}}"] > .menu .layui-panel > .background {
|
|
width: 100%;
|
|
padding: 32px;
|
|
border: 1px solid;
|
|
border-color: transparent;
|
|
}
|
|
|
|
html[data-bs-theme=light] div[m-id="{{d.mId}}"] > .menu .layui-panel > .background {
|
|
background-color: #1e1e1e;
|
|
}
|
|
|
|
html[data-bs-theme=dark] div[m-id="{{d.mId}}"] > .menu .layui-panel > .background {
|
|
background-color: #1e1e1e;
|
|
}
|
|
|
|
html[data-bs-theme=light] div[m-id="{{d.mId}}"] > .menu .layui-panel > .background:focus {
|
|
border-color: var(--app-light-color);
|
|
}
|
|
|
|
html[data-bs-theme=dark] div[m-id="{{d.mId}}"] > .menu .layui-panel > .background:focus {
|
|
border-color: var(--app-dark-color);
|
|
}
|
|
|
|
html[data-bs-theme=light] div[m-id="{{d.mId}}"] > .menu .layui-panel > .background:hover {
|
|
background-color: #fff;
|
|
}
|
|
|
|
html[data-bs-theme=dark] div[m-id="{{d.mId}}"] > .menu .layui-panel > .background:hover {
|
|
background-color: #333;
|
|
}
|
|
|
|
div[m-id="{{d.mId}}"] > .menu .layui-panel > .content {
|
|
padding: 32px;
|
|
border: 1px solid;
|
|
border-color: transparent;
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
right: 0px;
|
|
bottom: 0px;
|
|
}
|
|
</style>
|
|
<div m-id="{{d.mId}}" lay-filter="{{d.mId}}" class="page-item mixly-scrollbar">
|
|
<div class="menu">
|
|
<div class="local">
|
|
<div class="layui-panel panel-item">
|
|
<button class="background">本地导入</button>
|
|
</div>
|
|
</div>
|
|
<div class="cloud">
|
|
<div class="layui-panel panel-item">
|
|
<button class="background">面板任意内容</button>
|
|
</div>
|
|
<div class="layui-panel panel-item">
|
|
<button class="background">面板任意内容</button>
|
|
</div>
|
|
<div class="layui-panel panel-item">
|
|
<button class="background">面板任意内容</button>
|
|
</div>
|
|
<div class="layui-panel panel-item">
|
|
<button class="background">面板任意内容</button>
|
|
</div>
|
|
<div class="layui-panel panel-item">
|
|
<button class="background">面板任意内容</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="info"></div>
|
|
</div> |