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

修改后面样式

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

42
index.html
View File

@ -6,51 +6,17 @@
<title>Layout Demo - 这是一个技术实践分支，仅用于测试使用</title>
<!-- 加载框架样式 -->
<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.router.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/less/less.min.js"></script>
<script src="static/plugs/less/less.min.js" async></script>
<link rel="stylesheet/less" href="static/app.less">
<!-- 加载基础框架模块 -->
<script type="module" src="static/app.js"></script>

37
static/app.less Normal file
View File

@ -0,0 +1,37 @@
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;
}
}
}
}

4
static/template/layout.vue
View File

@ -13,8 +13,8 @@
</el-container>
</template>
<script>
<script>
export default {
name: "layout",
components: {},
@ -25,4 +25,4 @@ export default {
},
methods: {}
}
</script>
</script>