| | |
|---|
| | | <span v-else>{{ item.value }}{{ item.unit }}</span> |
|---|
| | | </div> |
|---|
| | | <div class="card-label">{{ item.label }}</div> |
|---|
| | | <div class="card-trend" :class="item.trend > 0 ? 'positive' : 'negative'" v-if="item.showTrend !== false"> |
|---|
| | | <el-icon> |
|---|
| | | <component :is="item.trend > 0 ? 'ArrowUp' : 'ArrowDown'" /> |
|---|
| | | </el-icon> |
|---|
| | | {{ Math.abs(item.trend) }}% |
|---|
| | | </div> |
|---|
| | | <!-- <div class="card-trend" :class="item.trend > 0 ? 'positive' : 'negative'" v-if="item.showTrend !== false">--> |
|---|
| | | <!-- <el-icon>--> |
|---|
| | | <!-- <component :is="item.trend > 0 ? 'ArrowUp' : 'ArrowDown'" />--> |
|---|
| | | <!-- </el-icon>--> |
|---|
| | | <!-- {{ Math.abs(item.trend) }}%--> |
|---|
| | | <!-- </div>--> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </el-card> |
|---|
