zhangchao/cz-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat ui设计稿

Browse Source
This commit is contained in:
Ironsp
2026-09-30 15:55:36 +08:00
parent ce8210fb3f
commit 9ab6253c81
102 changed files with 4855 additions and 2359 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
src/views/message/cpns/MessageTabs.vue
View File

@@ -46,50 +46,52 @@ function countOf(value: MessageType | 'all', counts: Counts): number {
<style lang="less" scoped>
.message-tabs {
.flex(row, flex-start);
gap: @spacing-sm;
padding: @spacing-sm @spacing-base;
border-radius: @radius-lg;
.flex(column, flex-start, stretch);
padding: 18px 0; // 卡上内边距 24 × 0.77
min-height: 338px; // 设计左卡高 439 × 0.77
border-radius: @radius-base;
background: @white;
box-shadow: @shadow-base;
box-shadow: none; // 设计 43：白卡直压页面底色，无阴影无描边
&__tab {
.flex(row, center);
gap: @spacing-xs;
height: 32px;
padding: 0 @spacing-base;
border-radius: @radius-round;
.flex(row, space-between);
gap: @spacing-sm;
height: 32px; // 分类行间距 41 × 0.77
padding: 0 18px 0 25px; // 左 33 / 右 23 × 0.77
border-radius: 0;
background: transparent;
color: @text-color;
font-size: @font-size-base;
color: @text-color; // 设计 43 未选中 @text-color
font-size: 11px; // 设计 13 → 可读下限 11
font-weight: 400;
transition: all 0.2s;
&:hover {
color: @primary-color;
color: @primary-strong;
}
&.is-active {
background: @primary-light;
color: @primary-color;
background: transparent; // 设计 43 选中无胶囊底
color: @primary-strong; // 设计 43 选中 @primary-strong
font-weight: 600;
}
}
&__count {
min-width: 18px;
height: 18px;
padding: 0 5px;
min-width: 15px; // 徽标直径 20 × 0.77
height: 15px;
padding: 0 4px;
border-radius: @radius-round;
background: @bg-color;
color: @text-color-secondary;
font-size: @font-size-sm;
line-height: 18px;
background: @danger-color; // 设计 43 红底 ≈ #F54343
color: @white;
font-size: 11px; // 设计 10 → 可读下限 11
line-height: 15px;
text-align: center;
}
.is-active &__count {
background: @primary-color;
background: @danger-color; // 设计 43 选中项徽标仍为红底
color: @white;
font-weight: 600;
}
}
</style>