feat 完善注释

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

View File

@@ -14,14 +14,12 @@ const emit = defineEmits<{
favorite: [id: string]
}>()
/** 卡片元信息:设计稿为「标签:值」三列两行 */
const meta = computed<Array<{ label: string; value: string }>>(() => [
{ label: '客户类型', value: props.item.clientType || '--' },
{ label: '所属行业', value: props.item.industry || '--' },
{ label: '规模', value: props.item.scale || '--' },
{ label: '项目周期', value: props.item.duration || '--' },
{ label: '服务团队', value: props.item.teamSize ? `${props.item.teamSize}人` : '--' },
// 设计稿完成时间为 2026/8/10 形式,后端 completedAt 下发 2026-08-10
{ label: '完成时间', value: props.item.finishDate ? props.item.finishDate.replace(/-/g, '/') : '--' },
])
</script>
@@ -67,7 +65,6 @@ const meta = computed<Array<{ label: string; value: string }>>(() => [
<style lang="less" scoped>
.case-card {
// 设计稿卡片 396×267 白底 bd #E1DFDF/1
overflow: hidden;
height: 267px;
box-sizing: border-box;
@@ -84,7 +81,6 @@ const meta = computed<Array<{ label: string; value: string }>>(() => [
&__cover {
position: relative;
// 设计封面 396×137.81(通栏无留白)
height: 137px;
overflow: hidden;
}
@@ -101,7 +97,6 @@ const meta = computed<Array<{ label: string; value: string }>>(() => [
&__tag {
position: absolute;
// 设计标签文字 @(628.6,540.35),卡 @(606,423) → 卡内 (22.6,117) 高 44
top: 87px;
left: 22px;
height: 44px;
@@ -109,7 +104,6 @@ const meta = computed<Array<{ label: string; value: string }>>(() => [
border-radius: @radius-sm;
background: @primary-strong;
color: @white;
// 设计 28/500
font-size: 28px;
font-weight: 500;
line-height: 44px;
@@ -167,14 +161,12 @@ const meta = computed<Array<{ label: string; value: string }>>(() => [
&__body {
position: relative;
// 设计标题 @(626.45,578.03),卡 @(606,423) → 卡内 (20,155)
padding: 18px 20px 0;
height: 129px;
box-sizing: border-box;
}
&__title {
// 设计标题 16/500 #333333
margin: 0;
font-size: 16px;
font-weight: 500;
@@ -186,10 +178,8 @@ const meta = computed<Array<{ label: string; value: string }>>(() => [
&__meta {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
// 设计两行:y610.33 / y631.86 → 行距 21.5
gap: 21.5px 12px;
margin-top: 10px;
// 设计元信息 10/400 #333333
font-size: 10px;
line-height: 14px;
color: @cases-text;
@@ -205,11 +195,9 @@ const meta = computed<Array<{ label: string; value: string }>>(() => [
&__more {
position: absolute;
// 设计 @(926.67,659.85),卡 @(606,423) → 卡内 (320.67,236.85)
right: 20px;
bottom: 14px;
color: @primary-strong;
// 设计 12/400 #024FFF
font-size: 12px;
font-weight: 400;
}