费用管理内容优化-初步

frontend/src/components/StateError.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="state state-error">
-    <el-icon class="state-icon"><CircleCloseFilled /></el-icon>
+    <el-icon class="state-icon"><CircleClose /></el-icon>
     <div class="state-title">{{ title }}</div>
     <div v-if="description" class="state-desc">{{ description }}</div>
     <div v-if="$slots.action" class="state-action">
@@ -10,7 +10,7 @@
 </template>
 
 <script setup lang="ts">
-import { CircleCloseFilled } from "@element-plus/icons-vue";
+import { CircleClose } from "@element-plus/icons-vue";
 import { TEXT } from "../locales";
 
 withDefaults(
@@ -32,6 +32,7 @@ withDefaults(
   align-items: center;
   justify-content: center;
   padding: 40px 12px;
+  color: var(--ctms-text-secondary);
   text-align: center;
 }