style: 卡片尺寸&停止生成文字颜色
This commit is contained in:
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user