style: 卡片尺寸&停止生成文字颜色
This commit is contained in:
@@ -13,11 +13,12 @@
|
||||
width: 100%;
|
||||
height: 3.6rem;
|
||||
line-height: 3.6rem;
|
||||
column-gap: 0.6rem;
|
||||
padding: 0 1.2rem;
|
||||
column-gap: 0.6rem;
|
||||
padding: 0 1.2rem;
|
||||
background-color: #fffcf4;
|
||||
border-radius: 0.4rem;
|
||||
margin-top: 1rem;
|
||||
border-radius: 0.4rem;
|
||||
margin-top: 1rem;
|
||||
color: #ff7a51;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
@@ -30,22 +31,18 @@
|
||||
rgba(233, 121, 60, 0.3) 1.61%,
|
||||
rgba(255, 207, 144, 0.3) 101.01%
|
||||
);
|
||||
-webkit-mask:
|
||||
linear-gradient(#fff 0 0) content-box,
|
||||
linear-gradient(#fff 0 0);
|
||||
mask:
|
||||
linear-gradient(#fff 0 0) content-box,
|
||||
linear-gradient(#fff 0 0);
|
||||
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
|
||||
mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
|
||||
-webkit-mask-composite: xor;
|
||||
mask-composite: exclude;
|
||||
}
|
||||
|
||||
.c-svg{
|
||||
width: initial;
|
||||
.svg-icon{
|
||||
width: 1.2rem;
|
||||
height: 1.2rem;
|
||||
}
|
||||
}
|
||||
.c-svg {
|
||||
width: initial;
|
||||
.svg-icon {
|
||||
width: 1.2rem;
|
||||
height: 1.2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
<template>
|
||||
<div class="report-card" :class="{ 'is-url': isUrl, 'is-sketch': isSketch }">
|
||||
<div class="report-card-header">
|
||||
<span v-if="!isUrl && !isSketch">{{ title || '' }}</span>
|
||||
<div v-else class="web-sources flex align-center">
|
||||
<!-- <span v-if="!isUrl && !isSketch">{{ title || '' }}</span> -->
|
||||
<div class="web-sources flex align-center">
|
||||
<span>{{ title || '' }}</span>
|
||||
<img src="@/assets/images/link.png" class="link-icon" />
|
||||
</div>
|
||||
@@ -35,6 +35,7 @@
|
||||
.report-card {
|
||||
cursor: pointer;
|
||||
width: 100%;
|
||||
height: 11.2rem;
|
||||
margin: 1.2rem 0 0;
|
||||
min-height: 11.2rem;
|
||||
background: url('@/assets/images/report-card.png') no-repeat;
|
||||
|
||||
Reference in New Issue
Block a user