blackteay/ThinkAdmin
1
0
Fork 0
mirror of https://gitee.com/zoujingli/ThinkAdmin.git synced 2025-04-06 03:58:04 +08:00
Code Issues Projects Releases Wiki Activity

增加 Less 支持

Browse Source
This commit is contained in:
邹景立 2021-11-24 22:23:00 +08:00
parent 83965c11dd
commit e51c21951e
3 changed files with 60 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
index.html
View File

@ -8,11 +8,49 @@
<!-- 加载框架样式 --> <!-- 加载框架样式 -->
<link rel="stylesheet" href="./static/plugs/core/vue.element.plus.css"/> <link rel="stylesheet" href="./static/plugs/core/vue.element.plus.css"/>
<style type="text/less">
html, body, #app {
height: 100%;
display: block;
margin: 0;
padding: 0;
}
#app > .el-container {
height: 100%;
> .el-header {
color: #fff;
background: #0d84ff;
line-height: 60px;
}
> .el-container {
> .el-aside {
background: #53a8ff;
}
> .el-container {
> .el-main {
background: gray;
}
> .el-footer {
color: #fff;
background: #333;
line-height: 60px;
}
}
}
}
</style>
<!-- 加载基础框架组件 --> <!-- 加载基础框架组件 -->
<script src="static/plugs/core/vue.min.js"></script> <script src="static/plugs/core/vue.min.js"></script>
<script src="static/plugs/core/vue.router.js"></script> <script src="static/plugs/core/vue.router.js"></script>
<script src="static/plugs/core/vue.sfc.loader.js"></script> <script src="static/plugs/core/vue.sfc.loader.js"></script>
<script src="static/plugs/core/vue.element.plus.js"></script> <script src="static/plugs/core/vue.element.plus.js"></script>
<script src="static/plugs/less/less.min.js"></script>
<!-- 加载基础框架模块 --> <!-- 加载基础框架模块 -->
<script type="module" src="static/app.js"></script> <script type="module" src="static/app.js"></script>

10
static/plugs/less/less.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

15
static/template/layout.vue
View File

@ -1,7 +1,16 @@
<template> <template>
<div class="full_screen"> <el-container>
<router-view></router-view> <el-header>Header</el-header>
</div> <el-container>
<el-aside width="280px"></el-aside>
<el-container>
<el-main>
<router-view></router-view>
</el-main>
<el-footer>Footer</el-footer>
</el-container>
</el-container>
</el-container>
</template> </template>
<script> <script>