|
@@ -1,5 +1,5 @@
|
|
|
<template>
|
|
<template>
|
|
|
- <div class="table__content">
|
|
|
|
|
|
|
+ <div class="table__content" :class="`table__content_${type}`">
|
|
|
<div class="table__content_label" :class="`table__content_label_${type}`">
|
|
<div class="table__content_label" :class="`table__content_label_${type}`">
|
|
|
<div class="label-t" v-for="(item, index) in columns" :key="`svvhbcth-${index}`" :style="{ flexBasis }">{{ item.name }}</div>
|
|
<div class="label-t" v-for="(item, index) in columns" :key="`svvhbcth-${index}`" :style="{ flexBasis }">{{ item.name }}</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -62,7 +62,7 @@
|
|
|
|
|
|
|
|
.table__content {
|
|
.table__content {
|
|
|
--image-content-label-A: url('/@/assets/images/sealedGoaf/configurable/table/table-label-A.png');
|
|
--image-content-label-A: url('/@/assets/images/sealedGoaf/configurable/table/table-label-A.png');
|
|
|
-
|
|
|
|
|
|
|
+ --image-content-E: url('/@/assets/images/sealedGoaf/configurable/gallery/bg-C-3.png');
|
|
|
height: 100%;
|
|
height: 100%;
|
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
|
display: flex;
|
|
display: flex;
|
|
@@ -242,7 +242,13 @@
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
//
|
|
//
|
|
|
- .table__content_label_E {
|
|
|
|
|
|
|
+ .table__content_E {
|
|
|
|
|
+ background-image: var(--image-content-E);
|
|
|
|
|
+ background-size: 100% 100%;
|
|
|
|
|
+ background-repeat: no-repeat;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .table__content_label_E {
|
|
|
background-image: var(--image-content-label-A);
|
|
background-image: var(--image-content-label-A);
|
|
|
background-size: 100% 100%;
|
|
background-size: 100% 100%;
|
|
|
background-repeat: no-repeat;
|
|
background-repeat: no-repeat;
|