修改首页样式

wujingjing

2025-02-13 1c7d1f1b7be77bc10cd549a6b778b4a55786985f

 src/views/Home.vue

@@ -123,7 +123,7 @@
               <div class="flex justify-between items-center mb-4" style="border-bottom: 1.5px solid var(--alloy-color-primary)">
                  <div class="flex items-center space-x-2 ml-2 font-bold">
                     <el-icon class="text-blue-500"><Document /></el-icon>
                     <span class="text-medium  font-bold"> <span class="text-primary">通知</span>公告</span>
                     <span class="text-medium font-bold"> <span class="text-primary">通知</span>公告</span>
                  </div>
                  <el-button text>更多</el-button>
               </div>
@@ -172,7 +172,7 @@
                  <div class="flex-auto">
                     <img src="@/assets/images/china-map.png" alt="活动合作" class="w-full h-full" />
                  </div>
                  <div class="bg-[#393939] h-fit my-auto  w-[200px] px-4 py-2 mx-10">
                  <div class="bg-[#393939] h-fit my-auto w-[200px] px-4 py-2 mx-10">
                     <div class="flex flex-col justify-between items-center mb-4 gap-2">
                        <div class="text-lg font-bold text-[#26c4f6]">全国工业软件｜工业APP总量</div>
                        <div class="px-10 bg-[#d7ecf1] py-1.5 rounded-lg text-large font-bold text-warning">
@@ -299,14 +299,23 @@
      pieChart.setOption({
         title: {
            text: '总量\n4083',
            left: 'center',
            top: 'center',
            left: '30%',
            top: '50%',
            textStyle: {
               fontSize: 20, // 增大字体大小
               fontSize: 14,
               lineHeight: 24,
               align: 'center',
               fontWeight: 'bold', // 加粗显示
               fontWeight: 'normal',
               rich: {
                  value: {
                     fontSize: 24,
                     fontWeight: 'bold',
                     padding: [10, 0],
                  },
               },
            },
            textAlign: 'center',
            textVerticalAlign: 'middle',
         },
         tooltip: {
            trigger: 'item',
@@ -314,7 +323,7 @@
         },
         legend: {
            orient: 'vertical',
            right: '10%',
            right: '-1%',
            top: 'middle',
            formatter: (name: string) => {
               const item = chartData.find((d) => d.name === name);
@@ -432,14 +441,23 @@
      pieChart2.setOption({
         title: {
            text: '总量\n4083',
            left: 'center',
            top: 'center',
            left: '30%',
            top: '50%',
            textStyle: {
               fontSize: 20,
               fontSize: 14,
               lineHeight: 24,
               align: 'center',
               fontWeight: 'bold',
               fontWeight: 'normal',
               rich: {
                  value: {
                     fontSize: 24,
                     fontWeight: 'bold',
                     padding: [10, 0],
                  },
               },
            },
            textAlign: 'center',
            textVerticalAlign: 'middle',
         },
         tooltip: {
            trigger: 'item',
@@ -447,7 +465,7 @@
         },
         legend: {
            orient: 'vertical',
            right: '10%',
            right: '-1%',
            top: 'middle',
            formatter: (name: string) => {
               const item = chartData2.find((d) => d.name === name);