style: 对商品管理页面进行名称样式修改
This commit is contained in:
@@ -45,14 +45,12 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- 统一的用户数据概览区域 -->
|
||||
<div class="profile-stats-unified">
|
||||
<div class="profile-stats">
|
||||
<!-- 余额数据 -->
|
||||
<div class="stat-item" v-for="balance in userBalanceList" :key="balance.id">
|
||||
<div class="stat-label">{{ balance.typeName }}</div>
|
||||
<div class="stat-value" :style="{ color: balance.typeColor }">{{ formatBalance(balance.price) }}</div>
|
||||
<div class="stat-value">{{ formatBalance(balance.price) }}</div>
|
||||
</div>
|
||||
<!-- 分隔线 -->
|
||||
<el-divider direction="vertical" v-if="userBalanceList.length > 0" class="stats-divider" />
|
||||
<!-- 其他状态数据 -->
|
||||
<div class="stat-item">
|
||||
<div class="stat-label">实名状态</div>
|
||||
@@ -1478,7 +1476,7 @@ onActivated(() => {
|
||||
}
|
||||
|
||||
/* 统一的用户数据概览区域 */
|
||||
.profile-stats-unified {
|
||||
.profile-stats {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 24px;
|
||||
@@ -1486,18 +1484,18 @@ onActivated(() => {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.profile-stats-unified .stat-item {
|
||||
.profile-stats .stat-item {
|
||||
text-align: center;
|
||||
min-width: 70px;
|
||||
}
|
||||
|
||||
.profile-stats-unified .stat-label {
|
||||
.profile-stats .stat-label {
|
||||
font-size: 12px;
|
||||
color: #909399;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.profile-stats-unified .stat-value {
|
||||
.profile-stats .stat-value {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
color: #303133;
|
||||
@@ -1710,7 +1708,7 @@ onActivated(() => {
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.profile-stats-unified {
|
||||
.profile-stats {
|
||||
width: 100%;
|
||||
justify-content: flex-start;
|
||||
background: #f9fafc;
|
||||
@@ -1733,11 +1731,11 @@ onActivated(() => {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.profile-stats-unified {
|
||||
.profile-stats {
|
||||
gap: 16px;
|
||||
}
|
||||
|
||||
.profile-stats-unified .stat-item {
|
||||
.profile-stats .stat-item {
|
||||
min-width: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user