|
@@ -8,14 +8,12 @@
|
|
|
<div> </div>
|
|
|
</div>
|
|
|
<div class="capsule-container">
|
|
|
- <div class="capsule-item" v-for="(capsule, index) in capsuleLength" :key="index">
|
|
|
+ <div class="capsule-item" v-for="(capsule, index) in capsuleLength" :key="index" style="cursor: pointer" @click="getEventList(mergedConfig.data[index])">
|
|
|
<div
|
|
|
- @click="getEventList(capsule)"
|
|
|
class="capsule-item-column"
|
|
|
- :style="`cursor: pointer;width: ${capsule * 100}%; background-color: ${mergedConfig.colors[index % mergedConfig.colors.length]};`"
|
|
|
+ :style="`width: ${capsule * 100}%; background-color: ${mergedConfig.colors[index % mergedConfig.colors.length]};`"
|
|
|
>
|
|
|
<div
|
|
|
- style="cursor: pointer" @click="getEventList(capsule)"
|
|
|
v-if="mergedConfig.showValue"
|
|
|
class="capsule-item-value"
|
|
|
>{{ capsuleValue[index] }}
|