|
@@ -18,9 +18,9 @@
|
|
|
<span class="ml5 font16" :style="{ color: v.color1 }">{{ v.num2 }}%</span>
|
|
<span class="ml5 font16" :style="{ color: v.color1 }">{{ v.num2 }}%</span>
|
|
|
<div class="mt10">{{ v.num3 }}</div>
|
|
<div class="mt10">{{ v.num3 }}</div>
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="home-card-item-icon flex" :style="{ background: `var(${v.color2})` }">
|
|
|
|
|
- <i class="flex-margin font32" :class="v.num4" :style="{ color: `var(${v.color3})` }"></i>
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+<!-- <div class="home-card-item-icon flex" :style="{ background: `var(${v.color2})` }">-->
|
|
|
|
|
+<!-- <i class="flex-margin font32" :class="v.num4" :style="{ color: `var(${v.color3})` }"></i>-->
|
|
|
|
|
+<!-- </div>-->
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</el-col>
|
|
</el-col>
|
|
@@ -142,6 +142,15 @@ const state = reactive({
|
|
|
color2: '--next-color-danger-lighter',
|
|
color2: '--next-color-danger-lighter',
|
|
|
color3: '--el-color-danger',
|
|
color3: '--el-color-danger',
|
|
|
},
|
|
},
|
|
|
|
|
+ {
|
|
|
|
|
+ num1: '520,43',
|
|
|
|
|
+ num2: '-10.01',
|
|
|
|
|
+ num3: '今日充电人数',
|
|
|
|
|
+ num4: 'fa fa-github-alt',
|
|
|
|
|
+ color1: '#FF6462',
|
|
|
|
|
+ color2: '--next-color-danger-lighter',
|
|
|
|
|
+ color3: '--el-color-danger',
|
|
|
|
|
+ },
|
|
|
{
|
|
{
|
|
|
num1: '520,43',
|
|
num1: '520,43',
|
|
|
num2: '-10.01',
|
|
num2: '-10.01',
|