feat 完善注释
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user