完善页面布局
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user