forked from lucas/go-view-fetch
1
This commit is contained in:
parent
0bf453aaa6
commit
976ee4d04a
@ -20,7 +20,9 @@
|
|||||||
<div class="content">
|
<div class="content">
|
||||||
<div v-for="(scene, index) in option.dataset" :key="index" class="scene-row"
|
<div v-for="(scene, index) in option.dataset" :key="index" class="scene-row"
|
||||||
:class="{ reverse: index % 2 !== 0 }" :style="{ backgroundImage: `url(${backgrounds[index]})` }">
|
:class="{ reverse: index % 2 !== 0 }" :style="{ backgroundImage: `url(${backgrounds[index]})` }">
|
||||||
<div class="metrics-container">
|
<div class="scene-name" :style="{ color: option.sceneNameColor, fontSize: option.sceneNameSize + 'px' }">{{
|
||||||
|
scene.name }}</div>
|
||||||
|
<div class="metrics-container">
|
||||||
<template v-for="(metric, mIndex) in scene.metrics" :key="mIndex">
|
<template v-for="(metric, mIndex) in scene.metrics" :key="mIndex">
|
||||||
<div class="metric">
|
<div class="metric">
|
||||||
<div class="metric-label">
|
<div class="metric-label">
|
||||||
@ -158,7 +160,7 @@ const option = computed(() => props.chartConfig.option)
|
|||||||
|
|
||||||
.scene-name {
|
.scene-name {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin-left: 25px;
|
margin-left: 105px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.metrics-container {
|
.metrics-container {
|
||||||
|
Loading…
Reference in New Issue
Block a user