| | |
|---|
| | | <div class="app-container"> |
|---|
| | | <el-card class="box-card"> |
|---|
| | | <el-row style="display: flex; flex-direction: row; align-items: center" justify="space-between"> |
|---|
| | | <div v-for="card in cardList" style="display: flex;flex-direction: row; margin-right: 50px"> |
|---|
| | | <div v-for="card in cardList" style="display: flex;flex-direction: row; margin-right: 50px" :key="card.label"> |
|---|
| | | <div> |
|---|
| | | <div class="icon-container"> |
|---|
| | | <i :class="card.icon"></i> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div v-for="data in card.dataList" class="dashboard-item"> |
|---|
| | | <div v-for="data in card.dataList" class="dashboard-item" :key="data.label"> |
|---|
| | | <div style="color: #5C9BF8;margin-bottom: 20px;font-size: 20px">{{ data.value }}</div> |
|---|
| | | <div>{{ data.label }}</div> |
|---|
| | | </div> |
|---|
