style: 卡片尺寸&停止生成文字颜色

This commit is contained in:
2026-03-26 17:07:10 +08:00
parent d1e799ff6d
commit 0a5c616708
2 changed files with 17 additions and 19 deletions

View File

@@ -18,6 +18,7 @@
background-color: #fffcf4; background-color: #fffcf4;
border-radius: 0.4rem; border-radius: 0.4rem;
margin-top: 1rem; margin-top: 1rem;
color: #ff7a51;
&::before { &::before {
content: ''; content: '';
@@ -30,19 +31,15 @@
rgba(233, 121, 60, 0.3) 1.61%, rgba(233, 121, 60, 0.3) 1.61%,
rgba(255, 207, 144, 0.3) 101.01% rgba(255, 207, 144, 0.3) 101.01%
); );
-webkit-mask: -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
linear-gradient(#fff 0 0) content-box, mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
linear-gradient(#fff 0 0);
mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor; -webkit-mask-composite: xor;
mask-composite: exclude; mask-composite: exclude;
} }
.c-svg{ .c-svg {
width: initial; width: initial;
.svg-icon{ .svg-icon {
width: 1.2rem; width: 1.2rem;
height: 1.2rem; height: 1.2rem;
} }

View File

@@ -1,8 +1,8 @@
<template> <template>
<div class="report-card" :class="{ 'is-url': isUrl, 'is-sketch': isSketch }"> <div class="report-card" :class="{ 'is-url': isUrl, 'is-sketch': isSketch }">
<div class="report-card-header"> <div class="report-card-header">
<span v-if="!isUrl && !isSketch">{{ title || '' }}</span> <!-- <span v-if="!isUrl && !isSketch">{{ title || '' }}</span> -->
<div v-else class="web-sources flex align-center"> <div class="web-sources flex align-center">
<span>{{ title || '' }}</span> <span>{{ title || '' }}</span>
<img src="@/assets/images/link.png" class="link-icon" /> <img src="@/assets/images/link.png" class="link-icon" />
</div> </div>
@@ -35,6 +35,7 @@
.report-card { .report-card {
cursor: pointer; cursor: pointer;
width: 100%; width: 100%;
height: 11.2rem;
margin: 1.2rem 0 0; margin: 1.2rem 0 0;
min-height: 11.2rem; min-height: 11.2rem;
background: url('@/assets/images/report-card.png') no-repeat; background: url('@/assets/images/report-card.png') no-repeat;