更新：更改组件字体大小

src/ui/JRZQ6F2A/components/BankInstitutionSection.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="mb-6">
+  <div class="">
     <LTitle title="银行机构申请分布" />
     <div class="mt-4">
       <!-- 饼图：宽度占满 -->
@@ -8,8 +8,9 @@
       </div>
 
       <!-- 详细列表：在图表下方，展示所有项并带颜色标识 -->
-      <div class="space-y-2 mb-2">
-        <div v-for="(item, index) in detailList" :key="index" class="flex justify-between items-center text-sm">
+      <div class="space-y-0 mb-2 rounded-lg overflow-hidden">
+        <div v-for="(item, index) in detailList" :key="index"
+          :class="['flex justify-between items-center text-lg py-3 px-4', index % 2 === 0 ? 'bg-primary-50' : 'bg-white']">
           <div class="flex items-center">
             <span class="w-2 h-2 rounded-full mr-2" :style="{ backgroundColor: item.color }" />
             <span class="text-gray-600">{{ item.label }}</span>
@@ -22,7 +23,7 @@
   </div>
 
   <!-- 银行类机构申请情况（近1年 / 近3个月，仅在12个月tab下展示） -->
-  <Remark v-if="period === 'm12' && applyRemarks.bankSituation" :title="'银行类机构申请情况'"
+  <Remark class="mt-8 mb-8" v-if="period === 'm12' && applyRemarks.bankSituation" :title="'银行类机构申请情况'"
     :content="applyRemarks.bankSituation" :default-expanded="true" />
 </template>
 
@@ -121,7 +122,7 @@ const pieChartOption = computed(() => {
         top: 'center',
         textStyle: {
           color: '#999',
-          fontSize: 14
+          fontSize: 16
         }
       }
     }
@@ -139,7 +140,7 @@ const pieChartOption = computed(() => {
       style: {
         text: '银行机构',
         fill: '#111827',
-        fontSize: 14,
+        fontSize: 16,
         fontWeight: 'bold',
       },
     },
@@ -166,7 +167,7 @@ const pieChartOption = computed(() => {
           },
           label: {
             show: true,
-            fontSize: 14,
+            fontSize: 16,
             fontWeight: 'bold',
             color: '#333'
           }