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