样式优化

components/zhuapaiConfirm/submitScore.vue

@@ -1,15 +1,11 @@
 <template>
 	<uni-popup ref="popupRef" :animation="false" :is-mask-click="false" type="bottom"
 		mask-background-color="rgba(0, 0, 0, 0.4);">
-		<view class="exam-score-dialog">
-			<view class="icon-title-bjcolor-navBar-box">
-				<view @click="handleClose" class="nav-bar-icon"></view>
-				<text class="nav-bar-title">{{title}}</text>
-			</view>
-
+		<view class="exam-score-popup">
+			<customNavbarVue class="exam-score-navBar-box" title="考试得分"></customNavbarVue>
 			<view class="score-content-box">
-          <view class="score-content-name">{{data[nameKey]}}</view>
-          <view class="content-score-box">
+			  <view class="score-content-name">{{data[nameKey]}}</view>
+			  <view class="content-score-box">
 					<view>
 						<view class="score-content-text">正确数量：{{data.rightCount}}</view>
 						<view class="score-content-text">试题总数：{{data.shitiTotal}}</view>
@@ -22,15 +18,16 @@
 
 			<view class="progress-text-btn-box">
 				<text class="progress-text">正确率</text>
-				<c-progress-circle :progress='data.userAccuracy/100' color='#3fd2a1' size='240rpx'
-					boderWidth="240rpx" class="progress-circle-box"></c-progress-circle>
-				<button type="default" class="phone-green-btn score-dialog-btn" @click="handleCheckSj">查看成绩</button>
+				<c-progress-circle :progress='data.userAccuracy/100' color='#0856e6' size='280rpx'
+					boderWidth="280rpx" class="progress-circle-box"></c-progress-circle>
+				<view class="score-dialog-btn" @click="handleCheckSj">查看成绩</view>
 			</view>
 		</view>
 	</uni-popup>
 </template>
 
 <script setup>
+	import customNavbarVue from "@/components/custom-navbar/custom-navbar.vue";
 	import {
 		ref,
 		reactive