|
|
@@ -285,10 +285,28 @@ onUnmounted(() => {
|
|
|
style="padding-top:20px">
|
|
|
<div class="des_zhishu">{{ item.name }}</div>
|
|
|
<div class="report_des_out">
|
|
|
- <div class="score">分数：{{ echarts_data_list[index] }}<span
|
|
|
- style="color:#999999;letter-spacing: 0px;">（满分100.00）</span></div>
|
|
|
- <div class="score">分析报告：</div>
|
|
|
- <div class="des">{{ echarts_des_list[index] }}</div>
|
|
|
+ <div class="score" style="display: flex;align-items: center;margin-bottom: 20px;">
|
|
|
+ <img style="width: 20px;margin-right:20px" src="../assets/report/score.png" />
|
|
|
+
|
|
|
+ <span style="font-weight: 700;color: #222222;">分数：</span>
|
|
|
+ <span style="color: #222222;"> {{ echarts_data_list[index] }}</span>
|
|
|
+
|
|
|
+
|
|
|
+ <span style="color:#999999;letter-spacing: 0px;">（满分100.00）
|
|
|
+ </span>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <div class="score"
|
|
|
+ style="font-weight: 700;color: #222222;display: flex;align-items: center;"><img
|
|
|
+ style="width:20px;margin-right:20px" src="../assets/report/fenxi.png" />
|
|
|
+
|
|
|
+ <span>分析报告：</span>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="des" style="margin-left:40px">{{ echarts_des_list[index] }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
@@ -448,14 +466,19 @@ onUnmounted(() => {
|
|
|
|
|
|
|
|
|
.des_zhishu {
|
|
|
- color: #222222;
|
|
|
- font-size: 20px;
|
|
|
+ background-color: #00BF78;
|
|
|
+ padding: 4px 16px;
|
|
|
+ border-radius: 20px;
|
|
|
+ display: inline-flex;
|
|
|
+ color: #ffffff;
|
|
|
+ font-size: 18px;
|
|
|
letter-spacing: 3px;
|
|
|
}
|
|
|
|
|
|
.report_des_out {
|
|
|
margin-top: 5px;
|
|
|
- background-color: #F7F7F7;
|
|
|
+ // background-color: #F7F7F7;
|
|
|
+ border: 4px solid #F7F7F7;
|
|
|
padding: 20px 40px;
|
|
|
border-radius: 40px;
|
|
|
|
