style: 报告标题改为固定&报告和webSources卡片样式修改
This commit is contained in:
Binary file not shown.
|
Before Width: | Height: | Size: 4.3 KiB After Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.0 KiB After Width: | Height: | Size: 3.5 KiB |
@@ -57,7 +57,7 @@
|
||||
>
|
||||
<template v-slot:s-card="{ children: children, ...attrs }">
|
||||
<Card
|
||||
:title="content.reportName ?? attrs.title"
|
||||
title="Trend Report"
|
||||
@click.native="handleClickReport"
|
||||
/>
|
||||
</template>
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
<div class="report-card-header">
|
||||
<!-- <span v-if="!isUrl && !isSketch">{{ title || '' }}</span> -->
|
||||
<div class="web-sources flex">
|
||||
<span>{{ title || '' }}</span>
|
||||
<span>{{ title || '' }}</span>
|
||||
<img src="@/assets/images/link.png" class="link-icon" />
|
||||
</div>
|
||||
</div>
|
||||
@@ -35,28 +35,27 @@
|
||||
.report-card {
|
||||
cursor: pointer;
|
||||
width: 100%;
|
||||
height: 11.2rem;
|
||||
// height: 11.2rem;
|
||||
margin: 1.2rem 0 0;
|
||||
min-height: 11.2rem;
|
||||
// min-height: 11.2rem;
|
||||
background: url('@/assets/images/report-card.png') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
padding: 2.9rem;
|
||||
// padding: 2.9rem;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
margin-bottom: 0;
|
||||
padding: 2rem 3rem;
|
||||
max-width: 52.5rem;
|
||||
box-sizing: border-box;
|
||||
height: 8rem;
|
||||
&.is-url {
|
||||
background: url('@/assets/images/link-card.png') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 2.4rem 0;
|
||||
// margin: 2.4rem 0;
|
||||
}
|
||||
&.is-sketch {
|
||||
background: url('@/assets/images/sketch-card.png') no-repeat;
|
||||
padding: 2rem 3rem;
|
||||
max-width: 52.5rem;
|
||||
height: 8rem;
|
||||
box-sizing: border-box;
|
||||
background-size: 100% 100%;
|
||||
min-height: initial;
|
||||
.report-card-header {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user