feat: 样式调整

src/pages/cal/dq.vue

@@ -62,12 +62,12 @@
                             <div class="score-value">{{ score }}</div>
                             <div class="score-label">总分</div>
                         </div>
-                        <div class="level-badge" :style="levelStyle">
+                        <!-- <div class="level-badge" :style="levelStyle">
                             {{ level }}
-                        </div>
+                        </div> -->
                         <div class="result-description">
                             <p>根据您提交的资料，我们已完成双碳贷前评估。</p>
-                            <p>您的企业评级为 <strong :style="{color: levelColor}">{{ level }}</strong> 级。</p>
+                            <p>您的企业评级为 <strong :style="{color: levelColor,fontSize: '24px'}">{{ level }}</strong> 级。</p>
                         </div>
                     </div>
                 </template>
@@ -97,7 +97,7 @@ const levelColor = ref('#000');
 const showAnimation = ref(false);
 const showResult = ref(false);
 const loadingText = ref("正在计算评分...");
-const loadingTextColor = ref("#ff4444");
+const loadingTextColor = ref("#ee2416");
 
 // 计算等级样式
 const levelStyle = computed(() => {
@@ -129,7 +129,7 @@ const particleStyle = (n) => {
         left: `${left}%`,
         animationDelay: `${animationDelay}s`,
         animationDuration: `${animationDuration}s`,
-        background: levelColor.value
+        background: '#ee2416'
     };
 };
 
@@ -263,7 +263,7 @@ const handleCal = () => {
     width: 15px;
     height: 15px;
     border-radius: 50%;
-    background: #2d8cf0;
+    background: var(--td-brand-color);
     animation: pulse 1.5s ease-in-out infinite;
 }
 
@@ -298,13 +298,13 @@ const handleCal = () => {
     flex-direction: column;
     align-items: center;
     justify-content: center;
-    height: 300px;
+    height: 400px;
     gap: 20px;
 }
 
 .score-circle {
-    width: 150px;
-    height: 150px;
+    width: 200px;
+    height: 200px;
     border-radius: 50%;
     display: flex;
     flex-direction: column;
@@ -317,8 +317,8 @@ const handleCal = () => {
 .score-circle::before {
     content: '';
     position: absolute;
-    width: 130px;
-    height: 130px;
+    width: 170px;
+    height: 170px;
     border-radius: 50%;
     background: white;
 }

src/pages/cal/index.vue

@@ -52,11 +52,11 @@ const option = {
       { name: '数字化与智能化水平', max: 8 },
       { name: '环境协同效益', max: 7 }
     ],
-    axisName: {
-      formatter: function(value, indicator) {
-        return `${value}\n(${indicator.max})`;
-      }
-    }
+    // axisName: {
+    //   formatter: function(value, indicator) {
+    //     return `${value}\n(${indicator.max})`;
+    //   }
+    // }
   },
   series: []
 };