|
@@ -1,22 +1,24 @@
|
|
|
<template>
|
|
|
- <div class="overview my-5">
|
|
|
- <div class="overview-item pa-5 color-666" v-for="(val, i) in overview" :key="i">
|
|
|
- <div class="d-flex">
|
|
|
- <div>{{ val.title }}</div>
|
|
|
- <v-tooltip :text="val.desc" location="top">
|
|
|
- <template v-slot:activator="{ props }">
|
|
|
- <span v-bind="props" class="mdi mdi-information-outline ml-1"></span>
|
|
|
- </template>
|
|
|
- </v-tooltip>
|
|
|
- </div>
|
|
|
- <div class="overview-item-value my-3">{{ val.value }}</div>
|
|
|
- <div class="font-size-14">
|
|
|
- 环比
|
|
|
- <span class="color-error">0% ↑</span>
|
|
|
+ <div>
|
|
|
+ <div class="overview my-5">
|
|
|
+ <div class="overview-item pa-5 color-666" v-for="(val, i) in overview" :key="i">
|
|
|
+ <div class="d-flex">
|
|
|
+ <div>{{ val.title }}</div>
|
|
|
+ <v-tooltip :text="val.desc" location="top">
|
|
|
+ <template v-slot:activator="{ props }">
|
|
|
+ <span v-bind="props" class="mdi mdi-information-outline ml-1"></span>
|
|
|
+ </template>
|
|
|
+ </v-tooltip>
|
|
|
+ </div>
|
|
|
+ <div class="overview-item-value my-3">{{ val.value }}</div>
|
|
|
+ <div class="font-size-14">
|
|
|
+ 环比
|
|
|
+ <span class="color-error">0% ↑</span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div id="myChart" style="width: 100%; height: 500px;background-color: #f7f8fa;border-radius: 8px;" class="pa-3"></div>
|
|
|
</div>
|
|
|
- <div id="myChart" style="width: 100%; height: 500px;background-color: #f7f8fa;border-radius: 8px;" class="pa-3"></div>
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|