blackteay/ThinkAdmin
1
0
Fork 0
mirror of https://gitee.com/zoujingli/ThinkAdmin.git synced 2026-01-12 18:06:57 +08:00
Code Issues Projects Releases Wiki Activity

修改模板样式

Browse Source
This commit is contained in:
Anyon 2022-01-06 11:24:22 +08:00
parent 37740d7f7c
commit 3b2d91db93
3 changed files with 45 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
static/template/layout.vue
View File

@ -164,6 +164,7 @@ body > .el-container {
height: 1px;
> .el-aside {
z-index: 99;
background: #53a8ff;
--el-aside-width: 280px;
@ -239,17 +240,32 @@ body > .el-container {
height: 100%;
> .el-header {
z-index: 99;
background: white;
line-height: 60px;
box-shadow: 0 0 6px 0 rgb(0 0 0 / 20%);
}
> .el-main {
height: 1px;
padding: 0;
z-index: 88;
--el-main-padding: 0;
> .el-scrollbar {
padding: 20px;
padding: 0;
box-sizing: border-box;
> .el-scrollbar__wrap {
border-radius: 5px;
> .el-scrollbar__view {
margin: 15px;
padding: 20px;
background: #FFF;
border-radius: 5px;
box-shadow: 0 0 6px 0 rgb(0 0 0 / 20%);
}
}
}
}
}
@ -257,7 +273,9 @@ body > .el-container {
> .el-footer {
color: #333;
background: #CCCCCC;
z-index: 99;
box-shadow: 0 0 6px 0 rgb(0 0 0 / 20%);
background: #FFF;
line-height: 60px;
text-align: center;
}

42
static/template/pages/thr.vue
View File

@ -11,30 +11,28 @@
</el-header>
<el-main>
<el-scrollbar>
<div style="padding:15px;background:white;border-radius:10px">
<el-form :inline="true" class="demo-form-inline">
<el-form-item label="Approved by">
<el-input placeholder="Approved by"></el-input>
</el-form-item>
<el-form-item label="Activity zone">
<el-select placeholder="Activity zone">
<el-option label="Zone one" value="shanghai"></el-option>
<el-option label="Zone two" value="beijing"></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary">Query</el-button>
</el-form-item>
</el-form>
<el-form :inline="true" class="demo-form-inline">
<el-form-item label="Approved by">
<el-input placeholder="Approved by"></el-input>
</el-form-item>
<el-form-item label="Activity zone">
<el-select placeholder="Activity zone">
<el-option label="Zone one" value="shanghai"></el-option>
<el-option label="Zone two" value="beijing"></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary">Query</el-button>
</el-form-item>
</el-form>
<el-table :data="tableData" border style="width:100%">
<el-table-column prop="date" label="Date" width="180"/>
<el-table-column prop="name" label="Name" width="180"/>
<el-table-column prop="address" label="Address"/>
</el-table>
<el-table :data="tableData" border style="width:100%">
<el-table-column prop="date" label="Date" width="180"/>
<el-table-column prop="name" label="Name" width="180"/>
<el-table-column prop="address" label="Address"/>
</el-table>
</div>
</el-scrollbar>
</el-main>
</el-container>

8
static/template/pages/two.vue
View File

@ -2,7 +2,7 @@
<el-container>
<el-header>
<el-row justify="space-between">
<el-col :span="12">Item-Two-Page</el-col>
<el-col :span="12">Element Plus Icons for {{ userName }} Template</el-col>
<el-col :span="12" style="text-align:right">
<el-button>功能按钮1</el-button>
<el-button>功能按钮2</el-button>
@ -13,9 +13,9 @@
<el-scrollbar>
<div v-for="icon in icons">
<div>
<component :size="10" :is="icon.name"></component>
<b>{{ icon.name }}：</b>{{ icon }}
<div style="line-height:3em">
<component style="vertical-align:middle;color:#F56C6C" :width="20" :height="20" :is="icon.name"></component>
<b style="margin-left:1em">{{ icon.name }}：</b>{{ icon }}
</div>
</div>