界面优化
This commit is contained in:
@@ -92,6 +92,9 @@ body {
|
|||||||
flex: 1;
|
flex: 1;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
isolation: isolate;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* —— 侧栏玻璃 —— */
|
/* —— 侧栏玻璃 —— */
|
||||||
@@ -112,7 +115,7 @@ body {
|
|||||||
border-right: 1px solid rgba(255, 255, 255, 0.08);
|
border-right: 1px solid rgba(255, 255, 255, 0.08);
|
||||||
box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.04);
|
box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.04);
|
||||||
transition: width 0.30s ease, box-shadow 0.30s ease;
|
transition: width 0.30s ease, box-shadow 0.30s ease;
|
||||||
z-index: 30;
|
z-index: 100;
|
||||||
}
|
}
|
||||||
|
|
||||||
.lux-shell .sidebar-glass:not(.is-collapsed) {
|
.lux-shell .sidebar-glass:not(.is-collapsed) {
|
||||||
@@ -233,6 +236,17 @@ body {
|
|||||||
min-height: 0;
|
min-height: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 表格 loading 仅覆盖表格区域,不压住侧栏 */
|
||||||
|
.lux-shell .table-loading-host {
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
min-height: 120px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lux-shell .table-loading-host .el-loading-mask {
|
||||||
|
z-index: 8 !important;
|
||||||
|
}
|
||||||
|
|
||||||
.lux-shell .lux-footer {
|
.lux-shell .lux-footer {
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
height: auto !important;
|
height: auto !important;
|
||||||
|
|||||||
@@ -32,8 +32,8 @@
|
|||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="table-loading-host" v-loading="loading">
|
||||||
<el-table
|
<el-table
|
||||||
v-loading="loading"
|
|
||||||
:data="tableData"
|
:data="tableData"
|
||||||
border
|
border
|
||||||
stripe
|
stripe
|
||||||
@@ -60,6 +60,7 @@
|
|||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="pagination">
|
<div class="pagination">
|
||||||
<el-pagination
|
<el-pagination
|
||||||
|
|||||||
@@ -58,9 +58,9 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="table-loading-host" v-loading="loading">
|
||||||
<el-table
|
<el-table
|
||||||
ref="tableRef"
|
ref="tableRef"
|
||||||
v-loading="loading"
|
|
||||||
:data="tableData"
|
:data="tableData"
|
||||||
border
|
border
|
||||||
stripe
|
stripe
|
||||||
@@ -134,6 +134,7 @@
|
|||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="pagination">
|
<div class="pagination">
|
||||||
<el-pagination
|
<el-pagination
|
||||||
|
|||||||
@@ -64,7 +64,8 @@
|
|||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<el-table v-loading="loading" :data="tableData" border stripe style="width: 100%">
|
<div class="table-loading-host" v-loading="loading">
|
||||||
|
<el-table :data="tableData" border stripe style="width: 100%">
|
||||||
<el-table-column prop="id" label="ID" width="70" />
|
<el-table-column prop="id" label="ID" width="70" />
|
||||||
<el-table-column prop="verCode" label="版本号" width="90" />
|
<el-table-column prop="verCode" label="版本号" width="90" />
|
||||||
<el-table-column prop="verName" label="版本名" width="120" show-overflow-tooltip />
|
<el-table-column prop="verName" label="版本名" width="120" show-overflow-tooltip />
|
||||||
@@ -96,6 +97,7 @@
|
|||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="pagination">
|
<div class="pagination">
|
||||||
<el-pagination
|
<el-pagination
|
||||||
|
|||||||
@@ -68,8 +68,8 @@
|
|||||||
<span class="title">分享日志</span>
|
<span class="title">分享日志</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="table-loading-host" v-loading="loading">
|
||||||
<el-table
|
<el-table
|
||||||
v-loading="loading"
|
|
||||||
:data="tableData"
|
:data="tableData"
|
||||||
border
|
border
|
||||||
stripe
|
stripe
|
||||||
@@ -102,6 +102,7 @@
|
|||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="pagination">
|
<div class="pagination">
|
||||||
<el-pagination
|
<el-pagination
|
||||||
|
|||||||
@@ -32,7 +32,8 @@
|
|||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<el-table v-loading="loading" :data="tableData" border stripe style="width: 100%">
|
<div class="table-loading-host" v-loading="loading">
|
||||||
|
<el-table :data="tableData" border stripe style="width: 100%">
|
||||||
<el-table-column prop="id" label="ID" width="70" />
|
<el-table-column prop="id" label="ID" width="70" />
|
||||||
<el-table-column prop="username" label="用户名" min-width="140" />
|
<el-table-column prop="username" label="用户名" min-width="140" />
|
||||||
<el-table-column prop="is_super_admin" label="超级管理员" width="120">
|
<el-table-column prop="is_super_admin" label="超级管理员" width="120">
|
||||||
@@ -84,6 +85,7 @@
|
|||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="pagination">
|
<div class="pagination">
|
||||||
<el-pagination
|
<el-pagination
|
||||||
|
|||||||
Reference in New Issue
Block a user