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

feat 完善注释

Browse Source
This commit is contained in:
Ironsp
2026-10-01 17:24:57 +08:00
parent 2b59f68fd7
commit 9f4a5c7cda
183 changed files with 485 additions and 3615 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/components/FilterPanel.vue
View File

@@ -71,26 +71,26 @@ const emit = defineEmits<{
<style lang="less" scoped>
.filter-panel {
padding: 24px 36px; // 设计04 搜索卡左右内缩 47 × 0.77
padding: 24px 36px;
border-radius: @radius-base;
background: @white;
&__bar {
.flex(row, flex-start);
gap: 18px; // 按钮间距 24 × 0.77
gap: 18px;
}
&__input {
flex: 1;
max-width: 456px; // 设计输入框 592 × 0.77
margin-right: 28px; // 与按钮总距 60 × 0.77（叠加 bar gap 18）
height: 38px; // 设计 49 × 0.77
max-width: 456px;
margin-right: 28px;
height: 38px;
padding: 0 @spacing-base;
border: 1px solid @cases-input-border;
border-radius: @radius-sm;
background: @white;
color: @cases-text;
font-size: 15px; // 设计 20 × 0.77
font-size: 15px;
outline: none;
transition: border-color 0.2s;
@@ -104,13 +104,13 @@ const emit = defineEmits<{
}
&__btn {
min-width: 77px; // 设计 100 × 0.77
height: 38px; // 设计 49 × 0.77
min-width: 77px;
height: 38px;
padding: 0 @spacing-base;
border-radius: @radius-sm;
background: @cases-accent; // 设计 重置/搜索 均为 rgba(7,92,255)
background: @cases-accent;
color: @white;
font-size: 15px; // 设计 20 × 0.77
font-size: 15px;
transition: all 0.2s;
&:hover {
@@ -131,26 +131,26 @@ const emit = defineEmits<{
&__chips {
.flex(row, flex-start, center);
flex-wrap: wrap;
gap: 11px 10px; // 行距 14 / 列距 13 × 0.77
gap: 11px 10px;
margin-top: @spacing-base;
padding: 12px 18px 16px; // 「已选条件」面板内边距 16/24/21 × 0.77
padding: 12px 18px 16px;
border-radius: @radius-base;
background: @chips-panel-bg;
font-size: 15px; // 设计 20 × 0.77
font-size: 15px;
}
&__chips-label {
color: @cases-text; // 设计04 标题 rgba(51,51,51)
color: @cases-text;
font-weight: 500;
}
&__chip {
height: 25px; // 设计 32 × 0.77
height: 25px;
padding: 0 @spacing-sm;
border-radius: @radius-round;
background: @white;
color: @cases-accent; // 设计 chips 文字 rgba(7,92,255)
font-size: 11px; // 设计 14 → 10.8，取可读下限 11
color: @cases-accent;
font-size: 11px;
font-weight: 500;
transition: all 0.2s;
@@ -160,7 +160,7 @@ const emit = defineEmits<{
&--clear {
background: transparent;
color: @primary-strong; // 设计15「清空」为纯文字蓝链
color: @primary-strong;
}
}