接了一些链接

pages/exercises/beforeExam/beforeExam.vue

@@ -1,7 +1,7 @@
 <template>
 	<view class="content" id="beforeExam">
 		<view class="topBg">
-			<view class="backIcon">
+			<view class="backIcon" @click="goBack">
 				<image src="@/static/images/backIcon.png" mode="aspectFill"></image>
 			</view>
 			<view class="txt">驾驶人科目一考试系统</view>
@@ -26,7 +26,7 @@
 					<view class="h6">理论考试01号考台</view>
 					<view class="redt">身份证号：123456789123456789</view>
 					<view class="redt">考生姓名：驾考学员</view>
-					<view class="btn">开始考试</view>
+					<view class="btn" @click="$goPage('/pages/exercises/exam/exam')">开始考试</view>
 					<view class="redt">点击“确认”按钮开始考试!</view>
 					<view class="text">操作提示：每题考试答案确定后，点击【下一题】，电脑立即判定所选答案，如选择错误，系统将提示正确答案提示后不允许修改答案。</view>
 				</view>
@@ -44,7 +44,10 @@
 		detectOrient('#beforeExam')
 	})
 	
-
+	function goBack() {
+		console.log('返回吧')
+		uni.navigateBack()
+	}
 	
 </script>
 

pages/exercises/exam/exam.vue

@@ -5,7 +5,7 @@
 				<view class="examNo">
 					<view class="h3">洛阳学车</view>
 					<view class="card">第01号台</view>
-					<view class="back">
+					<view class="back" @click="goBack">
 						<u-icon name="arrow-left"  size="16"></u-icon>
 					</view>
 				</view>
@@ -112,7 +112,10 @@
 	function previewImg() {
 		show.value = true
 	}
-	
+	function goBack() {
+		console.log('返回吧')
+		uni.navigateBack()
+	}
 </script>
 
 <style lang="scss" scoped>

pages/exercises/theoryStudy/theoryStudy.vue

@@ -58,7 +58,7 @@
 				<view class="text">考试次数：1次</view>
 				<view class="text">预测通过率：10%</view>
 				<view class="btnBox flex">
-					<view class="btnTxt">开始考试</view>
+					<view class="btnTxt" @click="$goPage('/pages/exercises/beforeExam/beforeExam')">开始考试</view>
 					<view class="btnIcon">
 						<image src="@/static/images/theory/sanjx.png" mode=""></image>
 					</view>

pages/index/index.vue

@@ -1,11 +1,132 @@
 <template>
 	<view class="content">
-		<up-button type="primary" text="点我啊" @click="$goPage('/pages/exercises/chapter/chapter')"></up-button>
+		<up-navbar title="选择类型" @rightClick="rightClick" :autoBack="true"></up-navbar>
+		<view class="tit">请选择需要学习的题库类型</view>
+		<view class="ul">
+			<view class="li" v-for="(item,index) in tabData" :key="index" @click="chooseCar(item)" :class="{active: item.name==currentCar}">
+				<view class="checkBox" v-if="item.name==currentCar">
+					<image src="@/static/images/dg.png" mode=""></image>
+				</view>
+				<view class="icon" :style="item.style">
+					<image :src="item.icon" mode=""></image>
+				</view>
+				<view class="name">{{item.name}}</view>
+				<view class="carType">{{ item.type }}</view>
+			</view>
+		</view>
+		
+		<view class="btnBox">
+			<oneBtn text="确 定" @oneBtnClick="oneBtnClick"></oneBtn>
+		</view>
 	</view>
 </template>
 
 <script setup>
-import { ref,reactive } from 'vue';
-import {onLoad,onReady} from "@dcloudio/uni-app"
+	import {
+		ref,
+		reactive
+	} from 'vue';
+	import {
+		onLoad,
+		onReady
+	} from "@dcloudio/uni-app"
+	
+	const rightClick = () => {  
+	    console.log('rightClick');  
+	};  
+	const tabData = ref([
+		{name: '小车',  type: 'C1/C2/C3', style: 'width: 114rpx;height: 61rpx;', icon: new URL('@/static/images/car4.png', import.meta.url).href, id: '1'},
+		{name: '货车',  type: 'A2/B2', style: 'width: 106rpx;height: 68rpx;', icon: new URL('@/static/images/car2.png', import.meta.url).href, id: '1'},
+		{name: '客车',  type: 'A1/B1/A3', style: 'width: 106rpx;height: 68rpx;', icon: new URL('@/static/images/car1.png', import.meta.url).href, id: '1'},
+		{name: '摩托车',  type: 'D/E/F', style: 'width: 102rpx;height: 73rpx;', icon: new URL('@/static/images/car3.png', import.meta.url).href, id: '1'},
+	])
+	const currentCar = ref('小车')
+	function chooseCar(item) {
+		currentCar.value = item.name
+	}
 	
+	function oneBtnClick() {
+		uni.navigateTo({
+			url: '/pages/exercises/theoryStudy/theoryStudy'
+		})
+	}
 </script>
+
+<style lang="scss" scoped>
+	image {
+		display: block;
+		width: 100%;
+		height: 100%;
+	}
+	.btnBox {
+		position: fixed;
+		bottom: 70rpx;
+		left: 0;
+		padding: 20px;
+		width: 100%;
+	}
+	.content {
+		width: 100%;
+		
+	  up-navbar {
+	
+	  }
+	
+	  .tit {
+		padding: 40rpx 0;
+		font-size: 36rpx;
+		color: #333;
+		font-weight: 700;
+	  }
+	
+	  .ul {
+		  display: flex;
+		  flex-wrap: wrap;
+		  padding: 0 20px;
+		  justify-content: space-between;
+	    .li {
+			width: 190rpx;
+			height: 190rpx;
+			border-radius: 10rpx;
+			padding-top: 20rpx;
+			position: relative;
+			display: flex;align-items: center;justify-content: center;margin: 30rpx 0rpx 0 0 ;flex-direction: column;
+			&.active {
+				background: #EDF8FF;
+			}
+	      .checkBox {
+			  position: absolute;
+			  top: 0;
+			  right: 0;
+			  width: 36rpx;
+			  height: 36rpx;
+			  background: #4DBEFF;
+			  border-radius: 0px 10rpx 0px 10rpx;
+			  display: flex;
+			  align-items: center;
+			  justify-content: center;
+	        image {
+				display: block;
+				width: 32rpx;
+				height: 23rpx;
+	        }
+	      }
+	
+	      .icon {
+	        
+	      }
+	
+	      .name {
+			font-size: 28rpx;
+			margin: 4rpx 0;
+			
+	      }
+	
+	      .carType {
+			font-size: 24rpx;
+			color: #ccc;
+	      }
+	    }
+	  }
+	}
+</style>

pages/vip/vipEntry/comp/commentItem.vue

@@ -0,0 +1,62 @@
+<template>
+	<view class="commentItem">
+		<view class="flex">
+			<view class="avatar">
+				<image src="@/static/images/avatarbg.png" mode=""></image>
+			</view>
+			<view class="name">关系很好</view>
+			<view class="tag">7天通过科目一</view>
+		</view>
+		<view class="text">
+			抱着"花钱买个心安" 的想法买了VIP，后面果然很快就通过考试了，比我预想的考试分高！
+		</view>
+	</view>
+</template>
+
+<script setup>
+	defineProps(['info'])
+</script>
+
+<style lang="scss" scoped>
+	image {
+		display: block;width: 100%;height: 100%;
+	}
+	.commentItem {
+		width: 100%;
+		height: 236rpx;
+		background: #FFFFFF;
+		box-shadow: 0px 0px 18rpx 0px rgba(0, 0, 0, 0.04);
+		border-radius: 10rpx;
+		padding: 40rpx;
+		.flex {
+			.avatar {
+				width: 40rpx;
+				height: 40rpx;
+				border-radius: 50%;
+			}
+
+			.name {
+				font-size: 28rpx;
+				font-weight: 500;
+				padding: 0 10rpx;
+			}
+
+			.tag {
+				min-width: 159rpx;
+				height: 36rpx;
+				background: linear-gradient(135deg, #F9E4B1 0%, #F1C477 100%);
+				border-radius: 6rpx;
+				line-height: 36rpx;
+				text-align: center;
+				padding: 0 10rpx;
+				font-size: 20rpx;
+			}
+		}
+
+		.text {
+			margin-top: 26rpx;
+			font-size: 24rpx;
+			color: #2D1306;
+		}
+	}
+</style>

pages/vip/vipEntry/vipEntry.vue

@@ -86,34 +86,38 @@
 		<view class="comment">
 			<view class="h1_row flex-b">
 				<view class="h1" ><text class="active">VIP学员之声</text></view>
-				<view class="moreBox">
+				<view class="moreBox" @click="lookMore">
 					<moreRight text="查看全部" />
 				</view>
 			</view>
 			
 			<swiper next-margin="60rpx" previous-margin="20rpx">
 				<swiper-item v-for="(item,index) in 6" :key="index">
-					<view class="commentItem">
-						<view class="flex">
-							<view class="avatar">
-								<image src="@/static/images/avatarbg.png" mode=""></image>
-							</view>
-							<view class="name">关系很好</view>
-							<view class="tag">7天通过科目一</view>
-						</view>
-						<view class="text">
-							抱着"花钱买个心安" 的想法买了VIP，后面果然很快就通过考试了，比我预想的考试分高！
-						</view>
+					<view style="padding: 0 20rpx;">
+						<commentItem/>
 					</view>
 				</swiper-item>
 			</swiper>
 		</view>
+		
+		<up-popup v-model:show="show" mode="bottom" round="20rpx" @close="show=false" closeable>
+			<view class="commentbox">
+				<view class="tit">VIP学员之声</view>
+				<view class="popComment">
+					<commentItem v-for="(item,index) in 10" :key="index"></commentItem>
+				</view>
+			</view>
+		</up-popup>
+		
+		
+				
 		</view>
 	</view>
 </template>
 
 <script setup>
 	import { ref } from 'vue'
+	import commentItem from './comp/commentItem.vue'
 	const tabData = ref([
 		{name: '精选试题', icon: new URL('@/static/images/vip/vipicon2.png', import.meta.url).href, id: '1'},
 		{name: '仿真考试', icon: new URL('@/static/images/vip/vipicon3.png', import.meta.url).href, id: '1'},
@@ -128,46 +132,15 @@
 		{name: '考前秘卷', num: '三', oneTxt: '冲', txt: '考前精选   高频难题  直击考点   稳上高分', icon: new URL('@/static/images/vip/coved.png', import.meta.url).href, id: '1'},
 		{name: '温故高频错题', num: '四', oneTxt: '复', txt: '汇总您的专属高频错题，全力攻破最后的难关', icon: new URL('@/static/images/vip/covea.png', import.meta.url).href, id: '1'},
 	])
-</script>
-
-<style lang="scss" scoped>
-	.comment {
-  .h1_row.flex-b {
-    .h1 {
-      text.active {
-
-      }
-    }
-
-    .moreBox {
-      moreright {
-
-      }
-    }
-  }
-
-  .commentItem {
-    .flex {
-      .avatar {
-        img {
-
-        }
-      }
 	
-      .name {
-
-      }
-
-      .tag {
-
-      }
+	let show = ref(false)
+	function lookMore() {
+		console.log('我是一个h5')
 	}
+</script>
 
-    .text {
+<style lang="scss" scoped>
 	
-    }
-  }
-}
 	image {
 		display: block;
 		width: 100%;
@@ -437,43 +410,32 @@
 	
 	.comment {
 		margin-top: 20rpx;
-	  .commentItem {
-		  width: 630rpx;
-		  height: 236rpx;
-		  background: #FFFFFF;
-		  box-shadow: 0px 0px 18rpx 0px rgba(0,0,0,0.04);
-		  border-radius: 10rpx;
-		  padding: 40rpx;
-	    .flex {
-	      .avatar {
-			  width: 40rpx;
-			  height: 40rpx;
-			  border-radius: 50%;
 	}
-	
-	      .name {
-			font-size: 28rpx;
-			font-weight: 500;
-			padding: 0 10rpx;
-	      }
-	
-	      .tag {
-			min-width: 159rpx;
-			height: 36rpx;
-			background: linear-gradient(135deg, #F9E4B1 0%, #F1C477 100%);
-			border-radius: 6rpx;
-			line-height: 36rpx;
-			text-align: center;
-			padding: 0 10rpx;
-			font-size: 20rpx;
+	.commentbox {
+		position: relative;
+		.tit {
+			height: 94rpx;
+			line-height: 94rpx;
+			position: absolute;
+			left: 0;
+			top: 0;
+			border-bottom: 1px solid #F4F4F4;
+			width: 100%;
+			padding-left: 40rpx;
+			font-weight: 700;
+			background-color: #fff;
+			z-index: 2;
 		}
+		.popComment {
+			max-height: calc(100vh - 400rpx);
+			overflow-y: auto;
+			padding: 134rpx 40rpx 40rpx 40rpx;
 		}
-	
-	    .text {
-			margin-top: 26rpx;
-			font-size: 24rpx;
-			color: #2D1306;
 	}
+	.u-popup__content__close {
+		z-index: 2;
 	}
+	:deep .u-popup__content__close--top-right {
+		z-index: 20;
 	}
 </style>