caoqianming
/
xt_web_td
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: 样式调整

This commit is contained in:
caoqianming 2025-11-05 09:28:03 +08:00
parent e1681c0135
commit 28a4318348
2 changed files with 16 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/pages/cal/dq.vue
View File

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

10
src/pages/cal/index.vue
View File

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