feat: 完成右侧事件概况

罗广辉

2025-03-27 29588c9524037dc4b7bdeda9dc3f3bea53cb79d7

 src/views/Home/components/HomeRight/Synergy.vue

@@ -1,5 +1,6 @@
<script setup>
import CommonTitle from '@/components/CommonTitle.vue';
import { wToR } from '@/utils/pxConver';

const list = ref([
  { name: '替代人工(人次)', value: 1174, color: '#FFFFFF' },
@@ -9,10 +10,12 @@
</script>
<template>
  <CommonTitle title="降本增效" />
  <div class="synergy">
    <div class="synergy-item" v-for="item in list">
      <div class="title">{{ item.name }}</div>
      <div class="value" :style="{ color: item.color }">{{ item.value }}</div>
  <div :style="{ marginLeft: wToR(14) }">
    <div class="synergy">
      <div class="synergy-item" v-for="item in list">
        <div class="title">{{ item.name }}</div>
        <div class="value" :style="{ color: item.color }">{{ item.value }}</div>
      </div>
    </div>
  </div>
</template>
@@ -37,7 +40,7 @@
    width: 95px;
    height: hToV(77);
    padding-top: hToV(7);
    background: url('@/assets/images/home/synergyBg.png') no-repeat center center / 100% 100%;
    background: url('@/assets/images/home/homeRight/synergyBg.png') no-repeat center center / 100% 100%;

    .title {
      font-family: Source Han Sans CN, Source Han Sans CN, serif;