yexuejc007/rubick
1
0
Fork 0
mirror of https://github.com/rubickCenter/rubick synced 2025-12-22 18:22:53 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: 支持 uTools list 模板

Browse Source
This commit is contained in:
muwoo
2021-07-09 12:37:35 +08:00
parent f34d93691d
commit b08f4fab54
11 changed files with 144 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

110
static/plugins/tpl/index.html Normal file
View File

@@ -0,0 +1,110 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<script src="../vue.min.js"></script>
<script src="../vue-router.min.js"></script>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.doc-container {
width: 100%;
height: 100vh;
display: flex;
align-items: flex-start;
justify-content: flex-start;
border-top: 1px solid #ddd;
}
.doc-container .menu {
width: 200px;
height: 100%;
border-right: 1px solid #ddd;
overflow: auto;
background: #fff;
}
.doc-container .menu .item.active {
background: #DEE2E6;
}
.doc-container .menu .item {
padding: 5px 10px;
cursor: pointer;
}
.doc-container .menu .title {
font-size: 14px;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
width: 100%;
}
.doc-container .menu .desc {
font-size: 12px;
color: #999;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
width: 100%;
}
.frame {
flex: 1;
height: 100%;
border: none;
}
.options {
position: absolute;
left: 0;
width: 100%;
z-index: 99;
max-height: calc(100vh);
overflow: auto;
}
.options::-webkit-scrollbar {
width: 0;
}
.op-item {
padding: 0 10px;
height: 60px;
max-height: 500px;
overflow: auto;
background: #fafafa;
display: flex;
align-items: center;
font-size: 14px;
}
.icon {
width: 30px;
height: 30px;
border-radius: 100%;
margin-right: 10px;
}
.title {
width: 500px;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.desc {
color: #999;
width: 500px;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.op-item.active {
background: #DEE2E8;
}
</style>
<body>
<div id="app">
<router-view />
</div>
</body>
<script src="./doc.js" type="module"></script>
<script src="./list.js" type="module"></script>
<script src="./index.js" type="module"></script>
</html>