完善页面布局

This commit is contained in:
2026-01-28 17:54:30 +08:00
parent 8c5024a943
commit 9f3c2803e3
25 changed files with 4333 additions and 2064 deletions

View File

@@ -7,24 +7,11 @@
<text class="page-subtitle">管理系统用户账户和权限</text>
</view>
<!-- Tab 切换栏 -->
<view class="tab-bar">
<view
v-for="tab in tabs"
:key="tab.key"
class="tab-item"
:class="{ 'active': activeTab === tab.key }"
@click="switchTab(tab.key)"
>
<text class="iconfont tab-icon">{{ tab.icon }}</text>
<text class="tab-title">{{ tab.title }}</text>
</view>
</view>
<!-- 用户列表Tab -->
<view v-if="activeTab === 'user-list'">
<!-- 统计卡片 -->
<view class="stats-cards">
<view class="stats-cards">
<view class="stat-card">
<view class="stat-icon">👥</view>
<view class="stat-content">
@@ -887,6 +874,7 @@ onMounted(() => {
.stats-cards {
display: flex;
flex-direction:row;
justify-content: space-between;
margin-bottom: 40rpx;
flex-wrap: wrap;
@@ -1080,6 +1068,7 @@ onMounted(() => {
.search-bar {
display: flex;
flex-direction:row;
align-items: center;
gap: 20rpx;
margin-bottom: 20rpx;
@@ -1185,6 +1174,7 @@ onMounted(() => {
.action-bar {
display: flex;
flex-direction:row;
justify-content: space-between;
align-items: center;
margin-bottom: 30rpx;
@@ -1195,12 +1185,14 @@ onMounted(() => {
.left-actions,
.right-actions {
display: flex;
flex-direction:row;
align-items: center;
gap: 15rpx;
}
.select-all {
display: flex;
flex-direction:row;
align-items: center;
gap: 10rpx;
font-size: 26rpx;
@@ -1264,6 +1256,7 @@ onMounted(() => {
.table-row {
display: flex;
flex-direction:row;
align-items: center;
padding: 20rpx;
border-bottom: 1rpx solid #eee;
@@ -1402,6 +1395,7 @@ onMounted(() => {
.page-controls {
display: flex;
flex-direction:row;
align-items: center;
gap: 15rpx;
}
@@ -1424,6 +1418,7 @@ onMounted(() => {
.page-numbers {
display: flex;
flex-direction:row;
gap: 8rpx;
margin: 0 20rpx;
}