专项练习

common/globalFunction.js

@@ -50,7 +50,7 @@ const prePage = () => {
     return prePage.$vm;
 }
 
-
+export const urls ='http://10.110.145.145/images/train/'
 
 /**
  * 页面跳转封装，支持 query 参数传递和返回回调
@@ -894,6 +894,7 @@ export const $api = {
 
 export default {
     $api,
+	urls,
     navTo,
     navBack,
     cloneDeep,

packageB/train/index.vue

@@ -24,7 +24,7 @@
 					</view>
 					
 				</view>
-				<view class="btns" @click="jumps('')">
+				<view class="btns" @click="jumps('/packageB/train/mockExam/examList')">
 					<image src="/static/images/train/mnks-k.png" mode=""></image>
 					<view>
 						<text>模拟考试</text>

packageB/train/mockExam/examList.vue

@@ -1,4 +1,5 @@
 <template>
+	<div>模拟考试</div>
 </template>
 
 <script>

packageB/train/practice/startPracticing.vue

@@ -77,25 +77,46 @@
 					<div class="zuo events"></div>
 					<div class="you"></div>
 					<div style="text-align: center;font-size: 24rpx;">
-						<div>⭐</div>
+						<image :src="urls+'wsc.png'" mode=""></image>
 						<div>收藏</div>
-						
 					</div>
+					<!-- <div style="text-align: center;font-size: 24rpx;">
+						<image :src="urls+'video-sc.png'" mode=""></image>
+						<div>取消</div>
+					</div> -->
 				</div>
-				<div></div>
-				<div class="footer">
-					
+				<div class="footerBtn">完成练习</div>
+				<div class="footerLeft">
+					<div>
+						<div class="icons" style="background-color: #1CADF5;">√</div>
+						<div class="texts" style="color: #1CADF5;">1</div>
+					</div>
+					<div>
+						<div class="icons" style="background-color: #FF6668;">×</div>
+						<div class="texts" style="color: #FF6668;">0</div>
+					</div>
+					<div>
+						<div></div>
+						<div></div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="cards" v-if="dialogVisible">
+			<div class="cardCon">
+				<div class="cardHead">
+					<div>题号</div>
+					<div style="font-size: 40rpx;" @click="clones()">×</div>
 				</div>
 			</div>
 		</div>
-		
 	</div>
 </template>
 
 <script setup>
 import { reactive, inject, watch, ref, onMounted } from 'vue';
 import { onLoad, onShow } from '@dcloudio/uni-app';
-const { $api, navTo, vacanciesTo, formatTotal, config } = inject('globalFunction');
+const { $api,urls , navTo, vacanciesTo, formatTotal, config } = inject('globalFunction');
 import useUserStore from '@/stores/useUserStore';
 import useDictStore from '@/stores/useDictStore';
 
@@ -106,6 +127,7 @@ const questionIndex = ref(1);
 const correctIndex = ref(0);
 const errorsIndex = ref(0);
 const accuracyRate = ref(0);
+const dialogVisible = ref(true);
 const problemData = reactive([
 	{
 		type:'single',
@@ -172,6 +194,9 @@ function indexToLetter(index) {
 	// 将索引转换为对应的字母
 	return String.fromCharCode(65 + index);
 };
+function clones(){
+	dialogVisible.value=false
+}
 </script>
 
 <style lang="stylus" scoped>
@@ -331,6 +356,7 @@ function indexToLetter(index) {
 				display: flex
 				align-items: center
 				font-size: 30rpx;
+				text-align: center
 				.zuo{
 					width: 24rpx;
 					height: 24rpx;
@@ -348,8 +374,55 @@ function indexToLetter(index) {
 					margin-left: 30rpx;
 					margin-right: 50rpx;
 				}
+				.icons{
+					width: 30rpx;
+					height: 30rpx;
+					color: #fff;
+					text-align: center;
+					line-height: 30rpx;
+					border-radius: 50%
+				}
+				.texts{
+					font-size: 24rpx;
+				}
+			}
+			.footerLeft>view{
+				margin-right: 40rpx;
+			}
+			.footerBtn{
+				width: 140rpx
+				height: 50rpx
+				text-align: center
+				line-height: 50rpx
+				background-color: #67C23A
+				color: #fff
+				font-size: 28rpx
+				border-radius: 5rpx
+			}
+		}
+	}
+	.cards{
+		position: fixed;
+		left: 0;
+		top: 0;
+		width: 100%;
+		height: 100vh;
+		background-color: rgba(0,0,0,0.5);
+		z-index: 1000;
+		padding: 100rpx 50rpx;
+		box-sizing: border-box;
+		.cardCon{
+			height: 100%;
+			background-color: #fff;
+			padding: 20rpx;
+			box-sizing: border-box;
+			.cardHead{
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+				font-size: 30rpx;
+				font-weight: 600;
 			}
-			
 		}
 	}
 }

pages.json

@@ -403,6 +403,15 @@
 			        // "navigationStyle": "custom"
 			    }
 			},
+			{
+			    "path" : "train/mockExam/examList",
+			    "style" :
+			    {
+			        "navigationBarTitleText" : "模拟考试",
+			        "navigationBarTitleTextSize": "30rpx"
+			        // "navigationStyle": "custom"
+			    }
+			}
 	    ]
 	}],
     // "tabBar": {