H5转小程序

pages/client/Kaoshi/exam.vue

@@ -1,10 +1,7 @@
 <template>
 	<view class="phone-kaoshi-page">
 		<!-- 导航区域 -->
-		<view class="icon-title-bjcolor-navBar-box">
-			<view @click="handleBack" class="nav-bar-icon"></view>
-			<text class="nav-bar-title">{{data.ksName}}</text>
-		</view>
+		<customNavbarVue :title="data.ksName" :show-back-btn="true" @back="handleBack"></customNavbarVue>
 		<!-- 第一行 -->
 		<view class="kaoshi-page-title">
 			<view v-if="activeSt" class="title-types">{{dlName}}</view>
@@ -44,7 +41,7 @@
 			<button class="phone-green-btn bj-btn" hover-class="none" type="default" size="mini"
 				@click="handleBiaoji">{{activeSt && activeSt.marked ? '取标':'标记'}}</button>
 			<view @click="showAnswerCard" class="shiti-num-box">
-				<icon class="shiti-num-icon"></icon>
+				<icon class="shiti-num-icon" :style="{ backgroundImage: 'url(' + data.imgsArr.shitiNumIcon + ')' }"></icon>
 				<text
 					class="active-num">{{activeSt ? activeSt.onlyNum: 0}}</text>/<text>{{data.StListForSearch.length}}</text>
 			</view>
@@ -63,10 +60,8 @@
 		<!-- 答题卡 -->
 		<uni-popup ref="popupRef" background-color="#fff" :animation="false" :is-mask-click="false" :mask-click="false">
 			<view class="answer-card-popup">
-				<view class="icon-title-bjcolor-navBar-box">
-					<view @click="handlePopupBack" class="nav-bar-icon"> </view>
-					<text class="nav-bar-title">答题卡</text>
-				</view>
+				<customNavbarVue title="答题卡" :show-back-btn="true" @back="handlePopupBack"></customNavbarVue>
+				
 				<view class="card-content-box">
 					<view class="answer-card-content" v-for="(paragraph,paragraphIndex) in questionData"
 						:key="paragraphIndex">
@@ -97,17 +92,13 @@
 </template>
 
 <script setup>
-	import {
-		ref,
-		reactive,
-		computed,
-		watch,
-		nextTick
-	} from "vue";
+	import cacheManager from '@/utils/cacheManager.js';
+	import {ref,reactive,computed,watch,nextTick} from "vue";
 	import zhuapaiVue from "@/components/zhuapaiConfirm/zhuapai.vue";
 	import zhuapaiConfirm from "@/components/zhuapaiConfirm/index.vue";
 	import answerQueren from "@/components/zhuapaiConfirm/answerQueren.vue";
 	import submitScoreVue from "@/components/zhuapaiConfirm/submitScore.vue";
+	import customNavbarVue from "@/components/custom-navbar/custom-navbar.vue";
 	import {
 		onLoad, onShow, onHide
 	} from "@dcloudio/uni-app";
@@ -145,6 +136,7 @@
 		data.zhuapai = option.zhuapai;
 		data.userKaozhengId = option.userKaozhengId;
 		data.from = option.from;
+		data.imgsArr.shitiNumIcon = cacheManager.get('projectImg').shiti_num_icon;
 		
 		initKaoshi();
 		
@@ -187,7 +179,10 @@
 		StListForSearch: [],
 		from: '',
 		hisId: '',
-		userKaozhengId: ''
+		userKaozhengId: '',
+		imgsArr: {
+			shitiNumIcon: '',
+		},
 	})
 	
 	const markDB = ref([]);