diff --git a/.gitignore b/.gitignore
index b02c4d0..366402f 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,3 @@
 /unpackage
-/.hbuilderx
\ No newline at end of file
+/.hbuilderx
+.history
\ No newline at end of file
diff --git a/common/js/utils.js b/common/js/utils.js
index cbf2744..2c7d858 100644
--- a/common/js/utils.js
+++ b/common/js/utils.js
@@ -5,6 +5,9 @@ const api_prefix = api_host + '/addons/exam/'
 
 //工具类
 module.exports = {
+	apiUrlReturn(){
+		return api_host;
+	},
 	isShowTip(apiUrl) {
 		let filterList = ['/agency/getAuditVersion']
 		if (filterList.indexOf(apiUrl) != -1) {
diff --git a/components/kz-page-index-color-1/kz-page-index-color-1.vue b/components/kz-page-index-color-1/kz-page-index-color-1.vue
index d20add8..b4acb5c 100644
--- a/components/kz-page-index-color-1/kz-page-index-color-1.vue
+++ b/components/kz-page-index-color-1/kz-page-index-color-1.vue
@@ -41,7 +41,8 @@
 				<!-- 功能列表 start -->
 				<view class="about-shadow tn-padding-top-sm tn-padding-bottom-sm">
 					<view style="display: flex;justify-content: center;align-items: center;gap: 12px;">
-						<view v-if="classes_show == 1" class="tn-padding-sm tn-margin-xs" @click="goPage('/pagesSubject/video/index')">
+						<view v-if="classes_show == 1" class="tn-padding-sm tn-margin-xs"
+							@click="goPage('/pagesSubject/video/index')">
 							<view class="tn-flex tn-flex-direction-column tn-flex-row-center tn-flex-col-center">
 								<view
 									class="icon15__item--image tn-flex tn-flex-row-center tn-flex-col-center tn-shadow-blur tn-color-white">
@@ -53,18 +54,30 @@
 								</view>
 							</view>
 						</view>
-						<view v-if="classes_show == 1" class="tn-padding-sm tn-margin-xs" @click="goPage('/pages/index/news-list')">
+						<view class="tn-padding-sm tn-margin-xs" @click="goPage('/pages/index/news-detail?id=1')">
 							<view class="tn-flex tn-flex-direction-column tn-flex-row-center tn-flex-col-center">
 								<view
 									class="icon15__item--image tn-flex tn-flex-row-center tn-flex-col-center tn-shadow-blur tn-color-white">
-									<image src="/static/img/1.png" style="width: 100%;height: 100%"></image>
+									<image src="/static/img/5.png" style="width: 100%;height: 100%"></image>
 								</view>
-						
+
 								<view class="tn-text-center">
 									<text class="tn-text-ellipsis" style="font-size: 28rpx">关于我们</text>
 								</view>
 							</view>
 						</view>
+						<view class="tn-padding-sm tn-margin-xs" @click="goPage('/pagesSubject/sign_up')">
+							<view class="tn-flex tn-flex-direction-column tn-flex-row-center tn-flex-col-center">
+								<view
+									class="icon15__item--image tn-flex tn-flex-row-center tn-flex-col-center tn-shadow-blur tn-color-white">
+									<image src="/static/img/4.png" style="width: 100%;height: 100%"></image>
+								</view>
+
+								<view class="tn-text-center">
+									<text class="tn-text-ellipsis" style="font-size: 28rpx">预约报名</text>
+								</view>
+							</view>
+						</view>
 						<!-- <view class="tn-padding-sm tn-margin-xs" @click="goPage('/pages/train/index?page=train')">
 							<view class="tn-flex tn-flex-direction-column tn-flex-row-center tn-flex-col-center">
 								<view
@@ -89,24 +102,39 @@
 								</view>
 							</view>
 						</view>
-						<view class="tn-padding-sm tn-margin-xs" @click="goPage('/pages/collect/index')">
-							<view class="tn-flex tn-flex-direction-column tn-flex-row-center tn-flex-col-center">
-								<view
-									class="icon15__item--image tn-flex tn-flex-row-center tn-flex-col-center tn-shadow-blur tn-color-white">
-									<image src="/static/img/4.png" style="width: 100%;height: 100%"></image>
-								</view>
-
-								<view class="tn-text-center">
-									<text class="tn-text-ellipsis" style="font-size: 28rpx">题目收藏</text>
-								</view>
-							</view>
-						</view>
+						
 					</view>
 				</view>
 				<!-- 功能列表 end -->
+				<!-- 题库列表 -->
+				<view class="tn-padding-top-xs tn-padding-bottom-sm">
+					<view class="tn-flex tn-flex-row-between tn-margin-sm">
+						<view class="justify-content-item tn-text-bold tn-text-xl">
+							<text class="tn-icon-title"></text>
+							<text class="">题库中心</text>
+						</view>
+					</view>
 
+					<view class="tn-margin-top-sm">
+						<view class="tn-flex tn-flex-wrap tn-margin-sm">
+							<block v-for="(item, index) in cateList" :key="index">
+								<view style="width: 50%">
+									<view class="question-bank-card tn-margin-xs" @click="checkPay(item.value)">
+										<view class="question-bank-image-wrapper">
+											<image class="question-bank-image" :src="imgUrl + item.image"
+												mode="aspectFill"></image>
+										</view>
+										<view class="question-bank-title">
+											{{ item.text }}
+										</view>
+									</view>
+								</view>
+							</block>
+						</view>
+					</view>
+				</view>
 				<!-- 试卷列表 -->
-				<view class="about-shadow tn-margin-top tn-padding-top-xs tn-padding-bottom-sm"
+				<!-- <view class="about-shadow tn-margin-top tn-padding-top-xs tn-padding-bottom-sm"
 					v-if="papers.length > 0">
 					<view class="tn-flex tn-flex-row-between tn-margin-sm">
 						<view class="justify-content-item tn-text-bold tn-text-xl">
@@ -123,7 +151,6 @@
 						<view class="skill-sequence-panel-content-wrapper-vertical">
 							<view class="kite-classify-cell-vertical shadow" v-for="(item, index) in papers"
 								:key="index">
-								<!-- <view :class="'nav-li bg-index' + (index + 1)"> -->
 								<view :class="'nav-li bg-index3'">
 									<view class="nav-name">{{ item.title }}</view>
 								</view>
@@ -147,7 +174,7 @@
 							</view>
 						</view>
 					</view>
-				</view>
+				</view> -->
 
 				<!-- 考场列表 -->
 				<!-- <view class="about-shadow tn-margin-top-xl tn-padding-top-xs tn-padding-bottom-sm"
@@ -236,377 +263,403 @@
 				</view> -->
 			</view>
 		</view>
+		<login ref="login" v-on:succ="ajax"></login>
 	</view>
 </template>
 
 <script>
-	import template_page_mixin from "@/libs/mixin/template_page_mixin.js";
-	// import NavIndexButton from '@/libs/components/nav-index-button.vue'
-
-	export default {
-		name: "kz-page-index-list1",
-		mixins: [template_page_mixin],
-		components: {
-			// NavIndexButton
+import template_page_mixin from "@/libs/mixin/template_page_mixin.js";
+// import NavIndexButton from '@/libs/components/nav-index-button.vue'
+import cateApi from "@/common/api/cate.js"
+export default {
+	name: "kz-page-index-list1",
+	mixins: [template_page_mixin],
+	components: {
+		// NavIndexButton
+	},
+	props: {
+		// 关注提示
+		focusOnTip: {
+			type: String,
+			default: "点击「添加小程序」，下次访问更便捷",
 		},
-		props: {
-			// 关注提示
-			focusOnTip: {
-				type: String,
-				default: "点击「添加小程序」，下次访问更便捷",
-			},
-			// banner图集合
-			banners: {
-				type: Array,
-				default: () => [],
-			},
-			// 轮播图集合
-			slides: {
-				type: Array,
-				default: () => [],
-			},
-			// 公告集合
-			notices: {
-				type: Array,
-				default: () => [],
-			},
-			// 公告集合
-			headlines: {
-				type: Array,
-				default: () => [],
-			},
-			// 试卷集合
-			papers: {
-				type: Array,
-				default: () => [],
-			},
-			// 考场集合
-			rooms: {
-				type: Array,
-				default: () => [],
-			},
-			// 学习动态集合
-			news: {
-				type: Array,
-				default: () => [],
-			},
-			// 功能集合
-			modules: {
-				type: Array,
-				default: () => [],
-			},
-			// 科目ID
-			subjectId: {
-				type: Number,
-				default: 0,
-			},
-			// 科目名称
-			subjectName: {
-				type: String,
-				default: "",
-			},
-			// 标题
-			title: {
-				type: String,
-				default: "",
-			},
-			classes_show: {
-				type: String,
-				default: "",
-			}
+		// banner图集合
+		banners: {
+			type: Array,
+			default: () => [],
 		},
-		watch: {
-			/**
-			 * 监听banners
-			 * @param list
-			 */
-			banners(list) {
-				console.log("watch banners", list);
-				// let banners = []
-				// for (var image of list) {
-				// 	banners.push({
-				// 		image: image
-				// 	})
-				// }
-				// this.banner = banners
-				this.banner = list;
-				console.log("watch banner", this.banner, this.slides);
+		// 轮播图集合
+		slides: {
+			type: Array,
+			default: () => [],
+		},
+		// 公告集合
+		notices: {
+			type: Array,
+			default: () => [],
+		},
+		// 公告集合
+		headlines: {
+			type: Array,
+			default: () => [],
+		},
+		// 试卷集合
+		papers: {
+			type: Array,
+			default: () => [],
+		},
+		// 考场集合
+		rooms: {
+			type: Array,
+			default: () => [],
+		},
+		// 学习动态集合
+		news: {
+			type: Array,
+			default: () => [],
+		},
+		// 功能集合
+		modules: {
+			type: Array,
+			default: () => [],
+		},
+		// 科目ID
+		subjectId: {
+			type: Number,
+			default: 0,
+		},
+		// 科目名称
+		subjectName: {
+			type: String,
+			default: "",
+		},
+		// 标题
+		title: {
+			type: String,
+			default: "",
+		},
+		classes_show: {
+			type: String,
+			default: "",
+		}
+	},
+	watch: {
+		/**
+		 * 监听banners
+		 * @param list
+		 */
+		banners(list) {
+			console.log("watch banners", list);
+			// let banners = []
+			// for (var image of list) {
+			// 	banners.push({
+			// 		image: image
+			// 	})
+			// }
+			// this.banner = banners
+			this.banner = list;
+			console.log("watch banner", this.banner, this.slides);
+		},
+		/**
+		 * 监听papers
+		 * @param list
+		 */
+		papers(list) {
+			this.bgColorList = this.utils.shuffle(this.bgColorList);
+			// 随机颜色
+			console.log("watch bgColorList", this.bgColorList);
+		},
+		/**
+		 * 监听rooms
+		 * @param list
+		 */
+		rooms(list) { },
+		/**
+		 * 监听modules
+		 * @param list
+		 */
+		// modules(list) {
+		// 	console.log('listen1 modules', list, this.moduleList)
+		// 	if (list && list.length > 0) {
+		// 		this.moduleList = list
+		// 	}
+		// },
+	},
+	mounted() {
+		console.log(this.modules);
+		let diyIndexButton = uni.getStorageSync("diyIndexButton");
+		if (diyIndexButton) {
+			this.moduleList = diyIndexButton;
+		}
+		this.getCate();
+		console.log("mounted diyIndexButton", diyIndexButton, this.moduleList);
+	},
+	data() {
+		return {
+			// 图片域名
+			imgUrl: this.imgUrl,
+			// banner图集
+			banner: [],
+			// 图鸟颜色列表
+			// tuniaoColorList: this.$t.color.getTuniaoColorList(),
+			bgColorList: this.utils.shuffle([1, 2, 3, 4, 5, 6]),
+			moduleList: [{
+				name: "课程中心",
+				type: "image",
+				image: "/static/img/1.png",
+				color: "tn-bg-green",
+				icon: "",
+				path: "/pagesSubject/video/index",
 			},
-			/**
-			 * 监听papers
-			 * @param list
-			 */
-			papers(list) {
-				this.bgColorList = this.utils.shuffle(this.bgColorList);
-				// 随机颜色
-				console.log("watch bgColorList", this.bgColorList);
-			},
-			/**
-			 * 监听rooms
-			 * @param list
-			 */
-			rooms(list) {},
-			/**
-			 * 监听modules
-			 * @param list
-			 */
-			// modules(list) {
-			// 	console.log('listen1 modules', list, this.moduleList)
-			// 	if (list && list.length > 0) {
-			// 		this.moduleList = list
-			// 	}
+			// {
+			// 	name: "背题模式",
+			// 	type: "icon",
+			// 	image: "",
+			// 	color: "tn-bg-green",
+			// 	icon: "tn-icon-eye",
+			// 	path: "/pages/train/index?page=look",
 			// },
+			{
+				name: "平台题库",
+				type: "image",
+				image: "/static/img/2.png",
+				color: "tn-bg-blue",
+				icon: "tn-icon-edit-write",
+				path: "/pages/train/index?page=train",
+			},
+			// {
+			// 	name: "模拟考试",
+			// 	type: "icon",
+			// 	image: "",
+			// 	color: "tn-bg-orange",
+			// 	icon: "tn-icon-edit-form",
+			// 	path: "/pages/paper/index",
+			// },
+			{
+				name: "错题本",
+				type: "image",
+				image: "/static/img/3.png",
+				color: "tn-bg-red",
+				icon: "tn-icon-close-circle",
+				path: "/pages/wrong/index",
+			},
+			// {
+			// 	name: "考场报名",
+			// 	type: "icon",
+			// 	image: "",
+			// 	color: "tn-bg-cyan",
+			// 	icon: "tn-icon-empty-data",
+			// 	path: "/pages/room/index",
+			// },
+			// {
+			// 	name: "题目搜索",
+			// 	type: "icon",
+			// 	image: "",
+			// 	color: "tn-bg-indigo",
+			// 	icon: "tn-icon-search-list",
+			// 	path: "/pages/search/index",
+			// },
+			{
+				name: "题目收藏",
+				type: "image",
+				image: "/static/img/4.png",
+				color: "tn-bg-purple",
+				icon: "tn-icon-like-lack",
+				path: "/pages/collect/index",
+			},
+				// {
+				// 	title: '报名记录',
+				// 	color: 'orange',
+				// 	icon: 'tn-icon-empty-coupon',
+				// 	path: '/pages/room/signup-index'
+				// },
+			],
+			cateList: [],
+		};
+	},
+	methods: {
+		// 获取题库
+		getCate() {
+			this.http('cate/getThree', {
+				kind: 'QUESTION',
+				page: this.page,
+				subject_id: this.subjectId
+			}).then(res => {
+				this.cateList = res.data
+			})
 		},
-		mounted() {
-			console.log(this.modules);
-			let diyIndexButton = uni.getStorageSync("diyIndexButton");
-			if (diyIndexButton) {
-				this.moduleList = diyIndexButton;
+		// 跳转页面
+		goPage(page) {
+			this.utils.goto(page);
+		},
+		// 点击公告，跳转公告详情
+		clickNotice(id) {
+			this.utils.goto("notice-detail?id=" + id);
+		},
+		// 点击轮播图
+		clickSwiper(index) {
+			const slide = this.banners[index];
+			console.log("clickSwiper", index, slide);
+			if (
+				slide &&
+				slide.front_info &&
+				slide.front_info != undefined &&
+				slide.front_info.full_url
+			) {
+				this.utils.goto(slide.front_info.full_url);
 			}
-			console.log("mounted diyIndexButton", diyIndexButton, this.moduleList);
 		},
-		data() {
-			return {
-				// 图片域名
-				imgUrl: this.imgUrl,
-				// banner图集
-				banner: [],
-				// 图鸟颜色列表
-				// tuniaoColorList: this.$t.color.getTuniaoColorList(),
-				bgColorList: this.utils.shuffle([1, 2, 3, 4, 5, 6]),
-				moduleList: [{
-						name: "课程中心",
-						type: "image",
-						image: "/static/img/1.png",
-						color: "tn-bg-green",
-						icon: "",
-						path: "/pagesSubject/video/index",
-					},
-					// {
-					// 	name: "背题模式",
-					// 	type: "icon",
-					// 	image: "",
-					// 	color: "tn-bg-green",
-					// 	icon: "tn-icon-eye",
-					// 	path: "/pages/train/index?page=look",
-					// },
-					{
-						name: "平台题库",
-						type: "image",
-						image: "/static/img/2.png",
-						color: "tn-bg-blue",
-						icon: "tn-icon-edit-write",
-						path: "/pages/train/index?page=train",
-					},
-					// {
-					// 	name: "模拟考试",
-					// 	type: "icon",
-					// 	image: "",
-					// 	color: "tn-bg-orange",
-					// 	icon: "tn-icon-edit-form",
-					// 	path: "/pages/paper/index",
-					// },
-					{
-						name: "错题本",
-						type: "image",
-						image: "/static/img/3.png",
-						color: "tn-bg-red",
-						icon: "tn-icon-close-circle",
-						path: "/pages/wrong/index",
-					},
-					// {
-					// 	name: "考场报名",
-					// 	type: "icon",
-					// 	image: "",
-					// 	color: "tn-bg-cyan",
-					// 	icon: "tn-icon-empty-data",
-					// 	path: "/pages/room/index",
-					// },
-					// {
-					// 	name: "题目搜索",
-					// 	type: "icon",
-					// 	image: "",
-					// 	color: "tn-bg-indigo",
-					// 	icon: "tn-icon-search-list",
-					// 	path: "/pages/search/index",
-					// },
-					{
-						name: "题目收藏",
-						type: "image",
-						image: "/static/img/4.png",
-						color: "tn-bg-purple",
-						icon: "tn-icon-like-lack",
-						path: "/pages/collect/index",
-					},
-					// {
-					// 	title: '报名记录',
-					// 	color: 'orange',
-					// 	icon: 'tn-icon-empty-coupon',
-					// 	path: '/pages/room/signup-index'
-					// },
-				],
-			};
+		ajax() {
+			if (uni.getStorageSync("token")) {
+				userApi.getUserInfo(this).then((res) => {
+					if (res.code == 1) {
+						this.user = { ...res.data };
+						uni.setStorageSync("user", this.user);
+					}
+				});
+			}
 		},
-		methods: {
-			// 跳转页面
-			goPage(page) {
-				this.utils.goto(page);
-			},
-			// 点击公告，跳转公告详情
-			clickNotice(id) {
-				this.utils.goto("notice-detail?id=" + id);
-			},
-			// 点击轮播图
-			clickSwiper(index) {
-				const slide = this.banners[index];
-				console.log("clickSwiper", index, slide);
-				if (
-					slide &&
-					slide.front_info &&
-					slide.front_info != undefined &&
-					slide.front_info.full_url
-				) {
-					this.utils.goto(slide.front_info.full_url);
+		// 检测题库是否已开通
+		checkPay(cateId) {
+			
+			// if (!this.cateId) {
+			// 	this.utils.toast('请先选择练习的题库')
+			// 	return
+			// }
+
+			// 检测题库是否已开通
+			cateApi.checkPay(this, cateId).then(res => {
+				console.log('checkPay res', res)
+
+				if (res.code != 1) {
+					// this.utils.toast(res.msg)
+					// if (res.data.need_open_member) {
+					// 	this.utils.goto('/pages/user/member-center')
+					// }
+					uni.showModal({
+						title: '提示',
+						content: res.msg,
+						confirmText: '联系客服',
+						success: (res) => {
+							if (res.confirm) {
+								//this.utils.goto('/pages/user/member-center?from_train=1')
+								uni.makePhoneCall({
+									phoneNumber: '18903795988' //仅为示例
+								});
+							} else if (res.cancel) {
+								this.utils.goback()
+							}
+						}
+					});
+					return
 				}
-			},
+				if (res.data.status == 1) {
+					uni.navigateTo({
+						url: '/pages/train/detail?id=' + cateId
+					});
+				}
+				// 无须支付
+				// if (res.data.status == 1) {
+				// 	this.goTrain()
+				// 	return
+				// } else if (res.data.status == 2) {
+				// 	this.catePrice = parseFloat(res.data.price)
+				// 	this.confirmCateContent = res.data.msg
+				// 	this.showCateConfirm = true
+				// }
+			})
 		},
-	};
+	},
+};
 </script>
 
 <style lang="scss" scoped>
-	.page-index-list {
-		background-color: #ffffff;
+.page-index-list {
+	background-color: #ffffff;
+}
+
+/* 自定义导航栏内容 start */
+.custom-nav {
+	height: 100%;
+
+	&__back {
+		margin: auto 5rpx;
+		font-size: 40rpx;
+		margin-right: 10rpx;
+		margin-left: 30rpx;
+		flex-basis: 5%;
 	}
 
-	/* 自定义导航栏内容 start */
-	.custom-nav {
+	&__search {
+		flex-basis: 60%;
+		width: 100%;
 		height: 100%;
 
-		&__back {
-			margin: auto 5rpx;
-			font-size: 40rpx;
-			margin-right: 10rpx;
-			margin-left: 30rpx;
-			flex-basis: 5%;
-		}
-
-		&__search {
-			flex-basis: 60%;
+		&__box {
 			width: 100%;
-			height: 100%;
-
-			&__box {
-				width: 100%;
-				height: 70%;
-				padding: 10rpx 0;
-				margin: 0 30rpx;
-				border-radius: 60rpx 60rpx 0 60rpx;
-				font-size: 24rpx;
-			}
-
-			&__icon {
-				padding-right: 10rpx;
-				margin-left: 20rpx;
-				font-size: 30rpx;
-			}
-
-			&__text {
-				color: #aaaaaa;
-			}
-		}
-	}
-
-	/*logo start */
-	.logo-image {
-		width: 65rpx;
-		height: 65rpx;
-		position: relative;
-	}
-
-	.logo-pic {
-		background-size: cover;
-		background-repeat: no-repeat;
-		// background-attachment:fixed;
-		background-position: top;
-		border-radius: 50%;
-	}
-
-	/* 自定义导航栏内容 end */
-
-	/* 内容布局 start*/
-	.course-shadow {
-		box-shadow: 0rpx 0rpx 80rpx 0rpx rgba(0, 0, 0, 0.07);
-	}
-
-	.course-radius {
-		border-radius: 15rpx;
-	}
-
-	/* 图标容器15 start */
-	.icon15 {
-		&__item {
-			width: 30%;
-			background-color: #ffffff;
-			border-radius: 10rpx;
-			padding: 30rpx;
-			margin: 20rpx 10rpx;
-			transform: scale(1);
-			transition: transform 0.3s linear;
-			transform-origin: center center;
-
-			&--icon {
-				width: 100rpx;
-				height: 100rpx;
-				font-size: 60rpx;
-				border-radius: 50%;
-				margin-bottom: 18rpx;
-				position: relative;
-				z-index: 1;
-
-				&::after {
-					content: " ";
-					position: absolute;
-					z-index: -1;
-					width: 100%;
-					height: 100%;
-					left: 0;
-					bottom: 0;
-					border-radius: inherit;
-					opacity: 1;
-					transform: scale(1, 1);
-					background-size: 100% 100%;
-				}
-			}
-
-			&--image {
-				width: 72rpx;
-				height: 72rpx;
-				margin-bottom: 18rpx;
-				position: relative;
-				background-position: center;
-				background-size: 100% 100%;
-
-				&::after {
-					width: 100%;
-					height: 100%;
-				}
-			}
-		}
-	}
-
-	/* 业务展示 start */
-	.tn-info {
-		&__container {
-			margin-top: 10rpx;
-			margin-bottom: 50rpx;
+			height: 70%;
+			padding: 10rpx 0;
+			margin: 0 30rpx;
+			border-radius: 60rpx 60rpx 0 60rpx;
+			font-size: 24rpx;
 		}
 
-		&__item {
-			width: 48%;
-			margin: 15rpx 0rpx;
-			padding: 40rpx 30rpx;
-			border-radius: 15rpx;
+		&__icon {
+			padding-right: 10rpx;
+			margin-left: 20rpx;
+			font-size: 30rpx;
+		}
 
+		&__text {
+			color: #aaaaaa;
+		}
+	}
+}
+
+/*logo start */
+.logo-image {
+	width: 65rpx;
+	height: 65rpx;
+	position: relative;
+}
+
+.logo-pic {
+	background-size: cover;
+	background-repeat: no-repeat;
+	// background-attachment:fixed;
+	background-position: top;
+	border-radius: 50%;
+}
+
+/* 自定义导航栏内容 end */
+
+/* 内容布局 start*/
+.course-shadow {
+	box-shadow: 0rpx 0rpx 80rpx 0rpx rgba(0, 0, 0, 0.07);
+}
+
+.course-radius {
+	border-radius: 15rpx;
+}
+
+/* 图标容器15 start */
+.icon15 {
+	&__item {
+		width: 30%;
+		background-color: #ffffff;
+		border-radius: 10rpx;
+		padding: 30rpx;
+		margin: 20rpx 10rpx;
+		transform: scale(1);
+		transition: transform 0.3s linear;
+		transform-origin: center center;
+
+		&--icon {
+			width: 100rpx;
+			height: 100rpx;
+			font-size: 60rpx;
+			border-radius: 50%;
+			margin-bottom: 18rpx;
 			position: relative;
 			z-index: 1;
 
@@ -622,406 +675,481 @@
 				opacity: 1;
 				transform: scale(1, 1);
 				background-size: 100% 100%;
-				background-image: url(https://tnuiimage.tnkjapp.com/cool_bg_image/3.png);
-			}
-
-			&__left {
-				&--icon {
-					width: 80rpx;
-					height: 80rpx;
-					border-radius: 30%;
-					font-size: 50rpx;
-					margin-right: 20rpx;
-					position: relative;
-					z-index: 1;
-
-					&::after {
-						content: " ";
-						position: absolute;
-						z-index: -1;
-						width: 100%;
-						height: 100%;
-						left: 0;
-						bottom: 0;
-						border-radius: inherit;
-						opacity: 1;
-						transform: scale(1, 1);
-						background-size: 100% 100%;
-						background-image: url(https://tnuiimage.tnkjapp.com/cool_bg_image/icon_bg5.png);
-					}
-				}
-
-				&__content {
-					font-size: 30rpx;
-
-					&--data {
-						margin-top: 5rpx;
-						font-weight: bold;
-					}
-				}
-			}
-
-			&__right {
-				&--icon {
-					position: absolute;
-					right: 0upx;
-					top: 50upx;
-					font-size: 100upx;
-					width: 108upx;
-					height: 108upx;
-					text-align: center;
-					line-height: 60upx;
-					opacity: 0.15;
-				}
-			}
-		}
-	}
-
-	/* 业务展示 end */
-
-	/* 文章内容 start*/
-	.tn-blogger-content {
-		&__wrap {
-			box-shadow: 0rpx 0rpx 80rpx 0rpx rgba(0, 0, 0, 0.07);
-			border-radius: 20rpx;
-			margin: 15rpx;
-		}
-
-		&__info {
-			&__btn {
-				margin-right: -12rpx;
-				opacity: 0.5;
 			}
 		}
 
-		&__label {
-			&__item {
-				line-height: 45rpx;
-				padding: 0 20rpx;
-				margin: 5rpx 18rpx 0 0;
+		&--image {
+			width: 72rpx;
+			height: 72rpx;
+			margin-bottom: 18rpx;
+			position: relative;
+			background-position: center;
+			background-size: 100% 100%;
 
-				&--prefix {
-					color: #82b2ff;
-					padding-right: 10rpx;
-				}
-			}
-
-			&__desc {
-				line-height: 35rpx;
-			}
-		}
-
-		&__main-image {
-			border-radius: 16rpx 16rpx 0 0;
-
-			&--1 {
-				max-width: 690rpx;
-				min-width: 690rpx;
-				max-height: 400rpx;
-				min-height: 400rpx;
-			}
-
-			&--2 {
-				max-width: 260rpx;
-				max-height: 260rpx;
-			}
-
-			&--3 {
-				height: 212rpx;
+			&::after {
 				width: 100%;
+				height: 100%;
 			}
 		}
+	}
+}
 
-		&__count-icon {
-			font-size: 30rpx;
-			padding-right: 5rpx;
-		}
+/* 业务展示 start */
+.tn-info {
+	&__container {
+		margin-top: 10rpx;
+		margin-bottom: 50rpx;
 	}
 
-	.image-music {
-		padding: 100rpx 0rpx;
-		font-size: 16rpx;
-		font-weight: 300;
-		position: relative;
-	}
-
-	.image-pic {
-		background-size: cover;
-		background-repeat: no-repeat;
-		// background-attachment:fixed;
-		background-position: top;
-		border-radius: 20rpx 20rpx 0 0;
-	}
-
-	/* 文章内容 end*/
-
-	/* 底部tabbar start*/
-	.footerfixed {
-		position: fixed;
-		width: 100%;
-		bottom: 0;
-		z-index: 999;
-		background-color: #ffffff;
-		box-shadow: 0rpx 0rpx 30rpx 0rpx rgba(0, 0, 0, 0.07);
-	}
-
-	.tabbar {
-		display: flex;
-		align-items: center;
-		min-height: 110rpx;
-		justify-content: space-between;
-		padding: 0;
-		height: calc(110rpx + env(safe-area-inset-bottom) / 2);
-		padding-bottom: calc(env(safe-area-inset-bottom) / 2);
-	}
-
-	.tabbar .action {
-		font-size: 22rpx;
-		position: relative;
-		flex: 1;
-		text-align: center;
-		padding: 0;
-		display: block;
-		height: auto;
-		line-height: 1;
-		margin: 0;
-		overflow: initial;
-	}
-
-	.tabbar .action .bar-icon {
-		width: 100rpx;
-		position: relative;
-		display: block;
-		height: auto;
-		margin: 0 auto 10rpx;
-		text-align: center;
-		font-size: 42rpx;
-	}
-
-	.tabbar .action .bar-icon image {
-		width: 50rpx;
-		height: 50rpx;
-		display: inline-block;
-	}
-
-	/*scroll-view外层*/
-	.skill-sequence-panel-content-wrapper {
-		position: relative;
-		white-space: nowrap;
-		padding: 10rpx 0 10rpx 10rpx;
-		// background-color: #f2f5f9;
-	}
-
-	/*左右渐变遮罩*/
-	.hide-content-box {
-		position: absolute;
-		top: 0;
-		height: 100%;
-		width: 10px;
-		z-index: 2;
-	}
-
-	.hide-content-box-left {
-		left: 0;
-		background-image: linear-gradient(to left,
-				rgba(255, 255, 255, 0),
-				#f3f3f3 60%);
-	}
-
-	.hide-content-box-right {
-		right: 0;
-		background-image: linear-gradient(to right,
-				rgba(255, 255, 255, 0),
-				#f3f3f3 60%);
-	}
-
-	.kite-classify-scroll {
-		width: 100%;
-		height: 380rpx;
-		overflow: hidden;
-		white-space: nowrap;
-		padding-top: 15rpx;
-	}
-
-	.kite-classify-cell {
-		display: inline-block;
-		width: 266rpx;
-		height: 350rpx;
-		margin-right: 20rpx;
-		background-color: #ffffff;
-		border-radius: 20rpx;
-		overflow: hidden;
-		box-shadow: 2px 2px 3px rgba(26, 26, 26, 0.2);
-	}
-
-	/* 垂直布局样式 */
-	.skill-sequence-panel-content-wrapper-vertical {
-		position: relative;
-		padding: 10rpx 20rpx;
-	}
-
-	.kite-classify-cell-vertical {
-		display: block;
-		width: 100%;
-		height: 280rpx;
-		margin-bottom: 40rpx;
-		background-color: #ffffff;
-		border-radius: 20rpx;
-		overflow: hidden;
-		box-shadow: 2px 2px 3px rgba(26, 26, 26, 0.2);
-	}
-
-	.nav-li {
+	&__item {
+		width: 48%;
+		margin: 15rpx 0rpx;
 		padding: 40rpx 30rpx;
-		width: 100%;
-		background-image: url(https://s1.ax1x.com/2020/06/27/NyU04x.png);
-		background-size: cover;
-		background-position: center;
+		border-radius: 15rpx;
+
 		position: relative;
 		z-index: 1;
-		margin: 0 !important;
+
+		&::after {
+			content: " ";
+			position: absolute;
+			z-index: -1;
+			width: 100%;
+			height: 100%;
+			left: 0;
+			bottom: 0;
+			border-radius: inherit;
+			opacity: 1;
+			transform: scale(1, 1);
+			background-size: 100% 100%;
+			background-image: url(https://tnuiimage.tnkjapp.com/cool_bg_image/3.png);
+		}
+
+		&__left {
+			&--icon {
+				width: 80rpx;
+				height: 80rpx;
+				border-radius: 30%;
+				font-size: 50rpx;
+				margin-right: 20rpx;
+				position: relative;
+				z-index: 1;
+
+				&::after {
+					content: " ";
+					position: absolute;
+					z-index: -1;
+					width: 100%;
+					height: 100%;
+					left: 0;
+					bottom: 0;
+					border-radius: inherit;
+					opacity: 1;
+					transform: scale(1, 1);
+					background-size: 100% 100%;
+					background-image: url(https://tnuiimage.tnkjapp.com/cool_bg_image/icon_bg5.png);
+				}
+			}
+
+			&__content {
+				font-size: 30rpx;
+
+				&--data {
+					margin-top: 5rpx;
+					font-weight: bold;
+				}
+			}
+		}
+
+		&__right {
+			&--icon {
+				position: absolute;
+				right: 0upx;
+				top: 50upx;
+				font-size: 100upx;
+				width: 108upx;
+				height: 108upx;
+				text-align: center;
+				line-height: 60upx;
+				opacity: 0.15;
+			}
+		}
+	}
+}
+
+/* 业务展示 end */
+
+/* 文章内容 start*/
+.tn-blogger-content {
+	&__wrap {
+		box-shadow: 0rpx 0rpx 80rpx 0rpx rgba(0, 0, 0, 0.07);
+		border-radius: 20rpx;
+		margin: 15rpx;
 	}
 
-	.nav-name {
+	&__info {
+		&__btn {
+			margin-right: -12rpx;
+			opacity: 0.5;
+		}
+	}
+
+	&__label {
+		&__item {
+			line-height: 45rpx;
+			padding: 0 20rpx;
+			margin: 5rpx 18rpx 0 0;
+
+			&--prefix {
+				color: #82b2ff;
+				padding-right: 10rpx;
+			}
+		}
+
+		&__desc {
+			line-height: 35rpx;
+		}
+	}
+
+	&__main-image {
+		border-radius: 16rpx 16rpx 0 0;
+
+		&--1 {
+			max-width: 690rpx;
+			min-width: 690rpx;
+			max-height: 400rpx;
+			min-height: 400rpx;
+		}
+
+		&--2 {
+			max-width: 260rpx;
+			max-height: 260rpx;
+		}
+
+		&--3 {
+			height: 212rpx;
+			width: 100%;
+		}
+	}
+
+	&__count-icon {
 		font-size: 30rpx;
-		text-transform: Capitalize;
-		margin-top: 20upx;
-		position: relative;
-		text-overflow: ellipsis;
-		overflow: hidden;
+		padding-right: 5rpx;
 	}
+}
 
-	.nav-name::before {
-		content: "";
-		position: absolute;
-		display: block;
-		width: 40rpx;
-		height: 6rpx;
-		background: #fff;
-		bottom: 0;
-		right: 0;
-		opacity: 0.5;
-	}
+.image-music {
+	padding: 100rpx 0rpx;
+	font-size: 16rpx;
+	font-weight: 300;
+	position: relative;
+}
 
-	.nav-name::after {
-		content: "";
-		position: absolute;
-		display: block;
-		width: 100rpx;
-		height: 1px;
-		background: #fff;
-		bottom: 0;
-		right: 40rpx;
-		opacity: 0.3;
-	}
+.image-pic {
+	background-size: cover;
+	background-repeat: no-repeat;
+	// background-attachment:fixed;
+	background-position: top;
+	border-radius: 20rpx 20rpx 0 0;
+}
 
-	.nav-content {
-		width: 100%;
-		padding: 15rpx;
-		display: inline-block;
-		overflow-wrap: break-word;
-		white-space: normal;
-	}
+/* 文章内容 end*/
 
-	.nav-btn {
-		width: 200rpx;
-		height: 60rpx;
-		margin-right: 30rpx;
-		text-align: center;
-		line-height: 60rpx;
-		border-radius: 10rpx;
-	}
+/* 底部tabbar start*/
+.footerfixed {
+	position: fixed;
+	width: 100%;
+	bottom: 0;
+	z-index: 999;
+	background-color: #ffffff;
+	box-shadow: 0rpx 0rpx 30rpx 0rpx rgba(0, 0, 0, 0.07);
+}
 
-	.bg-index1 {
-		background-color: #19cf8a;
-		color: #fff;
-	}
+.tabbar {
+	display: flex;
+	align-items: center;
+	min-height: 110rpx;
+	justify-content: space-between;
+	padding: 0;
+	height: calc(110rpx + env(safe-area-inset-bottom) / 2);
+	padding-bottom: calc(env(safe-area-inset-bottom) / 2);
+}
 
-	.bg-index2 {
-		background-color: #954ff6;
-		color: #fff;
-	}
+.tabbar .action {
+	font-size: 22rpx;
+	position: relative;
+	flex: 1;
+	text-align: center;
+	padding: 0;
+	display: block;
+	height: auto;
+	line-height: 1;
+	margin: 0;
+	overflow: initial;
+}
 
-	.bg-index3 {
-		font-size: 30rpx;
-		background-color: #5177ee;
-		color: #fff;
-	}
+.tabbar .action .bar-icon {
+	width: 100rpx;
+	position: relative;
+	display: block;
+	height: auto;
+	margin: 0 auto 10rpx;
+	text-align: center;
+	font-size: 42rpx;
+}
 
-	.bg-index4 {
-		background-color: #f49a02;
-		color: #fff;
-	}
+.tabbar .action .bar-icon image {
+	width: 50rpx;
+	height: 50rpx;
+	display: inline-block;
+}
 
-	.bg-index5 {
-		background-color: #ff4f94;
-		color: #fff;
-	}
+/*scroll-view外层*/
+.skill-sequence-panel-content-wrapper {
+	position: relative;
+	white-space: nowrap;
+	padding: 10rpx 0 10rpx 10rpx;
+	// background-color: #f2f5f9;
+}
 
-	.bg-index6 {
-		background-color: #7fd02b;
-		color: #fff;
-	}
+/*左右渐变遮罩*/
+.hide-content-box {
+	position: absolute;
+	top: 0;
+	height: 100%;
+	width: 10px;
+	z-index: 2;
+}
 
-	/* 页面阴影 start*/
-	.wallpaper-shadow {
-		border-radius: 15rpx;
-		box-shadow: 0rpx 0rpx 50rpx 0rpx rgba(0, 0, 0, 0.07);
-	}
+.hide-content-box-left {
+	left: 0;
+	background-image: linear-gradient(to left,
+			rgba(255, 255, 255, 0),
+			#f3f3f3 60%);
+}
 
-	/* 用户头像 start */
-	.logo-image {
-		width: 100rpx;
-		height: 100rpx;
-		position: relative;
-	}
+.hide-content-box-right {
+	right: 0;
+	background-image: linear-gradient(to right,
+			rgba(255, 255, 255, 0),
+			#f3f3f3 60%);
+}
 
-	.logo-pic {
-		background-size: cover;
-		background-repeat: no-repeat;
-		// background-attachment:fixed;
-		background-position: top;
-		border: 1rpx solid rgba(255, 255, 255, 0.05);
-		box-shadow: 0rpx 0rpx 80rpx 0rpx rgba(0, 0, 0, 0.05);
-		border-radius: 50%;
-		overflow: hidden;
-		// background-color: #FFFFFF;
-	}
+.kite-classify-scroll {
+	width: 100%;
+	height: 380rpx;
+	overflow: hidden;
+	white-space: nowrap;
+	padding-top: 15rpx;
+}
 
-	/*公告*/
-	.tui-rolling-news {
-		width: calc(100% - 40rpx);
-		padding: 12rpx 20rpx;
-		box-sizing: border-box;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		flex-wrap: nowrap;
-		background: #fff;
-		border-radius: 10rpx;
-		margin: 0 20rpx 30rpx;
-	}
+.kite-classify-cell {
+	display: inline-block;
+	width: 266rpx;
+	height: 350rpx;
+	margin-right: 20rpx;
+	background-color: #ffffff;
+	border-radius: 20rpx;
+	overflow: hidden;
+	box-shadow: 2px 2px 3px rgba(26, 26, 26, 0.2);
+}
 
-	.tui-swiper {
-		font-size: 28rpx;
-		height: 50rpx;
-		flex: 1;
-		overflow: hidden;
-		white-space: nowrap;
-		text-overflow: ellipsis;
-	}
+/* 垂直布局样式 */
+.skill-sequence-panel-content-wrapper-vertical {
+	position: relative;
+	padding: 10rpx 20rpx;
+}
 
-	.tui-swiper-item {
-		display: flex;
-		align-items: center;
-	}
+.kite-classify-cell-vertical {
+	display: block;
+	width: 100%;
+	height: 280rpx;
+	margin-bottom: 40rpx;
+	background-color: #ffffff;
+	border-radius: 20rpx;
+	overflow: hidden;
+	box-shadow: 2px 2px 3px rgba(26, 26, 26, 0.2);
+}
 
-	.tui-news-item {
-		line-height: 24rpx;
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-	}
+.nav-li {
+	padding: 40rpx 30rpx;
+	width: 100%;
+	background-image: url(https://s1.ax1x.com/2020/06/27/NyU04x.png);
+	background-size: cover;
+	background-position: center;
+	position: relative;
+	z-index: 1;
+	margin: 0 !important;
+}
 
-	/*公告*/
+.nav-name {
+	font-size: 30rpx;
+	text-transform: Capitalize;
+	margin-top: 20upx;
+	position: relative;
+	text-overflow: ellipsis;
+	overflow: hidden;
+}
+
+.nav-name::before {
+	content: "";
+	position: absolute;
+	display: block;
+	width: 40rpx;
+	height: 6rpx;
+	background: #fff;
+	bottom: 0;
+	right: 0;
+	opacity: 0.5;
+}
+
+.nav-name::after {
+	content: "";
+	position: absolute;
+	display: block;
+	width: 100rpx;
+	height: 1px;
+	background: #fff;
+	bottom: 0;
+	right: 40rpx;
+	opacity: 0.3;
+}
+
+.nav-content {
+	width: 100%;
+	padding: 15rpx;
+	display: inline-block;
+	overflow-wrap: break-word;
+	white-space: normal;
+}
+
+.nav-btn {
+	width: 200rpx;
+	height: 60rpx;
+	margin-right: 30rpx;
+	text-align: center;
+	line-height: 60rpx;
+	border-radius: 10rpx;
+}
+
+.bg-index1 {
+	background-color: #19cf8a;
+	color: #fff;
+}
+
+.bg-index2 {
+	background-color: #954ff6;
+	color: #fff;
+}
+
+.bg-index3 {
+	font-size: 30rpx;
+	background-color: #5177ee;
+	color: #fff;
+}
+
+.bg-index4 {
+	background-color: #f49a02;
+	color: #fff;
+}
+
+.bg-index5 {
+	background-color: #ff4f94;
+	color: #fff;
+}
+
+.bg-index6 {
+	background-color: #7fd02b;
+	color: #fff;
+}
+
+/* 页面阴影 start*/
+.wallpaper-shadow {
+	border-radius: 15rpx;
+	box-shadow: 0rpx 0rpx 50rpx 0rpx rgba(0, 0, 0, 0.07);
+}
+
+/* 用户头像 start */
+.logo-image {
+	width: 100rpx;
+	height: 100rpx;
+	position: relative;
+}
+
+.logo-pic {
+	background-size: cover;
+	background-repeat: no-repeat;
+	// background-attachment:fixed;
+	background-position: top;
+	border: 1rpx solid rgba(255, 255, 255, 0.05);
+	box-shadow: 0rpx 0rpx 80rpx 0rpx rgba(0, 0, 0, 0.05);
+	border-radius: 50%;
+	overflow: hidden;
+	// background-color: #FFFFFF;
+}
+
+/*公告*/
+.tui-rolling-news {
+	width: calc(100% - 40rpx);
+	padding: 12rpx 20rpx;
+	box-sizing: border-box;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	flex-wrap: nowrap;
+	background: #fff;
+	border-radius: 10rpx;
+	margin: 0 20rpx 30rpx;
+}
+
+.tui-swiper {
+	font-size: 28rpx;
+	height: 50rpx;
+	flex: 1;
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+}
+
+.tui-swiper-item {
+	display: flex;
+	align-items: center;
+}
+
+.tui-news-item {
+	line-height: 24rpx;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+/*公告*/
+
+/* 题库卡片样式 start */
+.question-bank-card {
+	background-color: #ffffff;
+	border-radius: 15rpx;
+}
+
+.question-bank-image-wrapper {
+	width: 100%;
+	height: 200rpx;
+	overflow: hidden;
+	border-radius: 15rpx;
+}
+
+.question-bank-image {
+	width: 100%;
+	height: 100%;
+	object-fit: cover;
+}
+
+.question-bank-title {
+	padding: 15rpx;
+	font-size: 32rpx;
+	color: #333333;
+	display: flex;
+}
+
+/* 题库卡片样式 end */
 </style>
\ No newline at end of file
diff --git a/pages.json b/pages.json
index 658e36c..44561a8 100644
--- a/pages.json
+++ b/pages.json
@@ -95,7 +95,7 @@
 		}, {
 			"path": "pages/train/index",
 			"style": {
-				"navigationBarTitleText": "题目选择",
+				"navigationBarTitleText": "平台题库",
 				"enablePullDownRefresh": false
 			}
 
@@ -106,6 +106,13 @@
 				"enablePullDownRefresh": false
 			}
 
+		}, {
+			"path": "pages/train/detail",
+			"style": {
+				"navigationBarTitleText": "题目选择",
+				"enablePullDownRefresh": false
+			}
+
 		}, {
 			"path": "pages/webview/webview",
 			"style": {
@@ -142,7 +149,7 @@
 		}, {
 			"path": "pages/index/news-detail",
 			"style": {
-				"navigationBarTitleText": "详情",
+				"navigationBarTitleText": "关于我们",
 				"enablePullDownRefresh": false
 			}
 		}, {
@@ -219,6 +226,11 @@
 						"navigationBarTitleText": "科目",
 						"enablePullDownRefresh": true
 					}
+				},{
+					"path": "sign_up",
+					"style": {
+						"navigationBarTitleText": "预约报名"
+					}
 				},
 				{
 					"path": "video/index",
diff --git a/pages/index/news-detail.vue b/pages/index/news-detail.vue
index 5c5478c..57070cc 100644
--- a/pages/index/news-detail.vue
+++ b/pages/index/news-detail.vue
@@ -14,18 +14,17 @@
 						我们的位置
 					</view>
 					<view class="mapContainer">
-						<map
-							:latitude="mapData.latitude"
-							:longitude="mapData.longitude"
-							:markers="mapData.markers"
-							:scale="mapData.scale"
-							:show-location="true"
-							@markertap="handleMarkerTap"
-							@callouttap="handleCalloutTap"
-							class="map"
-						></map>
+						<map :latitude="mapData.latitude" :longitude="mapData.longitude" :markers="mapData.markers"
+							:scale="mapData.scale" :show-location="true" @markertap="handleMarkerTap"
+							@callouttap="handleCalloutTap" class="map"></map>
 					</view>
 				</view>
+				<view style="padding-bottom: 30rpx;margin-top: 50rpx;">
+					<tn-button fontColor="#ffffff" type="primary" width="100%" height="88rpx" @click="openBm"
+						:loading="submitting" backgroundColor="#1A73E8">
+						预约报名
+					</tn-button>
+				</view>
 			</view>
 
 			<!-- <view class="cu-bar justify-left bg-white margin-top-sm">
@@ -48,6 +47,7 @@
           <text class="text-df" style="margin-top: 2rpx;">{{newsData.commentNum}}</text>
         </view>
       </view> -->
+
 		</view>
 
 		<!-- <view class="cu-bar bg-white tabbar border shop bottomBox">
@@ -68,164 +68,170 @@
 </template>
 
 <script>
-	import newsApi from "@/common/api/news.js"
+import newsApi from "@/common/api/news.js"
 
-	export default {
-		data() {
-			return {
-				newsData: [],
-				requestStatus: false, // 事件防抖
-				tagStyle: {
-					table: 'border: 1px solid gray;border-collapse:collapse',
-					th: 'border: 1px solid gray;',
-					td: 'border: 1px solid gray;'
-				},
-				// 地图数据
-				mapData: {
-					latitude: 34.621881, // 纬度
-					longitude: 112.436631, // 经度
-					scale: 17, // 地图缩放级别
-					markers: [{
-						id: 1,
-						latitude: 34.621881,
-						longitude: 112.436631,
-						title: '名扬体育学院',
-						width:15,
-						height:20,
-						callout: {
-							content: '名扬体育学院',
-							color: '#000000',
-							fontSize: 14,
-							borderRadius: 8,
-							bgColor: '#ffffff',
-							padding: 8,
-							display: 'ALWAYS'
-						}
-					}]
+export default {
+	data() {
+		return {
+			newsData: [],
+			requestStatus: false, // 事件防抖
+			tagStyle: {
+				table: 'border: 1px solid gray;border-collapse:collapse',
+				th: 'border: 1px solid gray;',
+				td: 'border: 1px solid gray;'
+			},
+			// 地图数据
+			mapData: {
+				latitude: 34.621881, // 纬度
+				longitude: 112.436631, // 经度
+				scale: 17, // 地图缩放级别
+				markers: [{
+					id: 1,
+					latitude: 34.621881,
+					longitude: 112.436631,
+					title: '名扬体育学院',
+					width: 15,
+					height: 20,
+					callout: {
+						content: '名扬体育学院',
+						color: '#000000',
+						fontSize: 14,
+						borderRadius: 8,
+						bgColor: '#ffffff',
+						padding: 8,
+						display: 'ALWAYS'
+					}
+				}]
+			}
+		}
+	},
+	onLoad(option) {
+		console.log(option)
+		this.getData(option.id);
+	},
+	methods: {
+		// 获取数据
+		getData(id) {
+			console.log(id);
+
+			newsApi.getNewsDetail(this, {
+				id: id
+			}).then(res => {
+				s
+				if (res && res.data) {
+					this.newsData = res.data
 				}
+			})
+		},
+		// 打开导航
+		openNavigation() {
+			uni.openLocation({
+				latitude: this.mapData.latitude,
+				longitude: this.mapData.longitude,
+				name: '名扬体育学院',
+				address: '名扬体育学院',
+				scale: 18,
+				success: () => {
+					console.log('成功打开地图导航');
+				},
+				fail: (err) => {
+					console.error('打开地图导航失败', err);
+					uni.showToast({
+						title: '打开地图失败',
+						icon: 'none'
+					});
+				}
+			});
+		},
+		// 处理地图标记点击事件
+		handleMarkerTap(e) {
+			console.log('标记点被点击', e);
+			this.openNavigation();
+		},
+		// 处理callout点击事件
+		handleCalloutTap(e) {
+			console.log('callout被点击', e);
+			this.openNavigation();
+		},
+		handleBack() {
+			this.utils.goto('news-list')
+		},
+		handleGo() {
+			if (this.newsData && this.newsData.front_info) {
+				this.utils.goto(this.newsData.front_info.full_url)
 			}
 		},
-		onLoad(option) {
-			console.log(option)
-			this.getData(option.id);
+		openBm() {
+			uni.navigateTo({
+				url: '/pagesSubject/sign_up'
+			})
 		},
-		methods: {
-			// 获取数据
-			getData(id) {
-				console.log(id);
-
-				newsApi.getNewsDetail(this, {
-					id: id
-				}).then(res => {
-					if (res && res.data) {
-						this.newsData = res.data
-					}
-				})
-			},
-			// 打开导航
-			openNavigation() {
-				uni.openLocation({
-					latitude: this.mapData.latitude,
-					longitude: this.mapData.longitude,
-					name: '名扬体育学院',
-					address: '名扬体育学院',
-					scale: 18,
-					success: () => {
-						console.log('成功打开地图导航');
-					},
-					fail: (err) => {
-						console.error('打开地图导航失败', err);
-						uni.showToast({
-							title: '打开地图失败',
-							icon: 'none'
-						});
-					}
-				});
-			},
-			// 处理地图标记点击事件
-			handleMarkerTap(e) {
-				console.log('标记点被点击', e);
-				this.openNavigation();
-			},
-			// 处理callout点击事件
-			handleCalloutTap(e) {
-				console.log('callout被点击', e);
-				this.openNavigation();
-			},
-			handleBack() {
-				this.utils.goto('news-list')
-			},
-			handleGo() {
-				if (this.newsData && this.newsData.front_info) {
-					this.utils.goto(this.newsData.front_info.full_url)
-				}
-			},
-			previewImage(index) {
-				// 预览功能需要数组格式，具体查看uniapp文档：previewImage
-				const seeImgList = this.newsData.images
-				uni.previewImage({
-					current: index, //预览图片的下标
-					urls: seeImgList //预览图片的地址，必须要数组形式，如果不是数组形式就转换成数组形式就可以
-				})
-			},
-
+		previewImage(index) {
+			// 预览功能需要数组格式，具体查看uniapp文档：previewImage
+			const seeImgList = this.newsData.images
+			uni.previewImage({
+				current: index, //预览图片的下标
+				urls: seeImgList //预览图片的地址，必须要数组形式，如果不是数组形式就转换成数组形式就可以
+			})
 		},
-	}
+
+	},
+}
 </script>
 
 <style lang="scss" scoped>
-	button::after {
-		border: none;
-		background: transparent;
-	}
+button::after {
+	border: none;
+	background: transparent;
+}
 
-	uni-button {
-		background: transparent;
-	}
+uni-button {
+	background: transparent;
+}
 
-	.container {
-		background-color: #f2f2f2;
-	}
+.container {
+	background-color: #f2f2f2;
+}
 
-	.solid {
-		border-radius: 50rpx;
-		text-indent: 12rpx;
-	}
+.solid {
+	border-radius: 50rpx;
+	text-indent: 12rpx;
+}
 
-	image {
-		width: 750rpx;
-	}
+image {
+	width: 750rpx;
+}
 
-	.bottomBox {
-		width: 750rpx;
-		position: fixed;
-		left: 0;
-		bottom: 0rpx;
-	}
+.bottomBox {
+	width: 750rpx;
+	position: fixed;
+	left: 0;
+	bottom: 0rpx;
+}
 
-	/* 地图相关样式 */
-	.mapSection {
-		background-color: #FFFFFF;
-		margin-top: 20rpx;
-		border-radius: 16rpx;
-	}
+/* 地图相关样式 */
+.mapSection {
+	background-color: #FFFFFF;
+	margin-top: 20rpx;
+	border-radius: 16rpx;
+}
 
-	.mapTitle {
-		display: flex;
-		align-items: center;
-		margin-bottom: 20rpx;
-	}
+.mapTitle {
+	display: flex;
+	align-items: center;
+	margin-bottom: 20rpx;
+}
 
-	.mapContainer {
-		width: 100%;
-		height: 400rpx;
-		border-radius: 12rpx;
-		overflow: hidden;
-		box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
-	}
+.mapContainer {
+	width: 100%;
+	height: 400rpx;
+	border-radius: 12rpx;
+	overflow: hidden;
+	box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
+}
 
-	.map {
-		width: 100%;
-		height: 100%;
-	}
+.map {
+	width: 100%;
+	height: 100%;
+}
 </style>
\ No newline at end of file
diff --git a/pages/train/detail.vue b/pages/train/detail.vue
new file mode 100644
index 0000000..51b390a
--- /dev/null
+++ b/pages/train/detail.vue
@@ -0,0 +1,136 @@
+<template>
+	<view style="padding: 30rpx; background-color: #FAFAFA; min-height: 100vh;">
+		<view style="display: flex;align-items: center;">
+			<view @click="show = true"
+				style="display: flex;align-items: center; border: 2rpx solid #1A73E8; border-radius: 32rpx; padding: 8rpx 24rpx; color: #1A73E8; background: #fff; font-weight: 500; box-shadow: 0 2rpx 8rpx rgba(26,115,232,0.08); cursor: pointer; transition: background 0.2s;">
+				<view style="margin-right: 8rpx;">更多题库</view>
+				<view>
+					<text class="tn-icon-down-triangle"
+						style="font-size: 24rpx; color: #1A73E8; position: relative;"></text>
+				</view>
+			</view>
+			<view style="display: inline-block; position: relative;padding-left: 30rpx;font-size: 32rpx;font-weight: bold;">
+				<text>{{ info.text }}</text>
+			</view>
+		</view>
+		<view style="padding: 20rpx 0px;margin-top: 30rpx;">
+			<view v-for="item in info.children" style="margin-bottom: 40rpx;">
+				<view @click="goTrain(item.value, item.text, item.type)"
+					style="display: flex;justify-content: space-between;align-items: center; background: #fff; border-radius: 16rpx; box-shadow: 0 4rpx 16rpx rgba(26,115,232,0.06); padding: 30rpx;">
+					<view style="display: flex;align-items: center;">
+						<view
+							style="height: 40rpx;width: 40rpx;background-color: #1A73E8;border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 24rpx; font-weight: bold;">
+							题
+						</view>
+						<view style="padding-left: 32rpx;">
+							<view style="font-size: 32rpx; font-weight: bold; color: #222;">{{ item.text }}</view>
+							<view style="color: #999999;font-size: 24rpx;padding-top: 8rpx;">题目数量：{{ item.count }}道
+							</view>
+						</view>
+					</view>
+					<!-- 1会员 2不是会员 -->
+					<view v-if="item.type == 2"
+						style="background: #1A73E8; color: #fff; border-radius: 24rpx; padding: 4rpx 28rpx; font-size: 26rpx; font-weight: 500; letter-spacing: 2rpx;">
+						免费</view>
+					<view v-else
+						style="background: #f39c12; color: #fff; border-radius: 24rpx; padding: 4rpx 28rpx; font-size: 26rpx; font-weight: 500; letter-spacing: 2rpx;">
+						会员</view>
+				</view>
+			</view>
+		</view>
+		<tn-popup v-model="show" mode="left" width="550rpx"
+			:style="'border-radius:32rpx 0 0 32rpx; box-shadow: 0 8rpx 32rpx rgba(26,115,232,0.12); overflow: hidden;'">
+			<view style="padding: 30rpx;">
+				<view v-for="item in cateList" @click="getTree(item)"
+					style="margin-bottom: 40rpx;padding:25rpx 20rpx;text-align: center;background-color: #F3F5F7;border-radius: 60rpx; font-size: 28rpx; color: #1A73E8;">
+					{{ item.text }}</view>
+			</view>
+		</tn-popup>
+	</view>
+</template>
+
+<script>
+import newsApi from "@/common/api/news.js"
+export default {
+	data() {
+		return {
+			show: false,
+			id: 0,
+			cateList: [],
+			info: {},
+			vip: 0,
+		}
+	},
+	onLoad(op) {
+		console.log(op);
+		this.id = op.id;
+		this.getCate();
+		this.getIsUser();
+	},
+	methods: {
+		getTree(item) {
+			this.info = item;
+			this.show = false;
+		},
+		getIsUser() {
+			newsApi.ifUserMember(this, {}).then(res => {
+				//0 不是会员  
+				console.log(res);
+				this.vip = res.code;
+			})
+		},
+		getCate() {
+			this.http('cate/getThree', {
+				kind: 'QUESTION',
+			}).then(res => {
+				this.cateList = res.data;
+				this.info = res.data.find(item => item.value == this.id);
+			})
+		},
+		goTrain(id, name, type) {
+			if (type == 1 && this.vip == 0) {
+				uni.showModal({
+					title: '提示',
+					content: '该题库仅限会员可用，请联系客服开通会员！',
+					confirmText: '联系客服',
+					success: (res) => {
+						if (res.confirm) {
+							uni.makePhoneCall({
+								phoneNumber: '18903795988' //仅为示例
+							});
+						}
+					}
+				});
+				return;
+			}
+			this.utils.goto('train?cateId=' + id + '&cateName=' + name + '&mode=normal')
+		}
+	}
+}
+</script>
+
+<style>
+page {
+	background-color: #FAFAFA;
+}
+
+/* 统一字体和颜色 */
+body,
+view,
+text {
+	font-family: 'PingFang SC', 'Microsoft YaHei', Arial, sans-serif;
+	color: #222;
+}
+
+/* 主题色变量可用于后续扩展 */
+:root {
+	--theme-color: #1A73E8;
+}
+
+/* 适当增加全局间距 */
+view {
+	box-sizing: border-box;
+}
+
+/* 注释：如需进一步美化可在此扩展 */
+</style>
diff --git a/pages/train/index.vue b/pages/train/index.vue
index 83601ae..c7a6002 100644
--- a/pages/train/index.vue
+++ b/pages/train/index.vue
@@ -3,8 +3,8 @@
 		<!-- <view class="card-view">
 			<image :src="bannerImage" mode="aspectFill" style="width: 100%; height: 200rpx;"></image>
 		</view> -->
-		<view style="height:99vh">
-			<view class="card-view" style="height: 85%;">
+		<view>
+			<view>
 				<!-- <tui-divider width="80%" gradual>选择要练习的题目类型</tui-divider>
 				<view class="margin">
 					<tn-radio-group activeColor="#1A73E8" v-model="mode">
@@ -19,14 +19,35 @@
 					<view v-if="mode == 'memory'">* 按顺序出题，记忆当前做题题标，下次进入直接跳至题标</view>
 					<view v-if="mode == 'random'">* 随机出题，不记忆当前做题题标</view>
 				</view> -->
-			
-				<tui-cascade-selection height="75vh" :itemList="cateList" @complete="complete" text="请选择题库"
+
+				<!-- <tui-cascade-selection height="75vh" :itemList="cateList" @complete="complete" text="请选择题库"
 					:defaultItemList="defaultCateList"></tui-cascade-selection>
 			</view>
 			
 			<view style="width:90%; margin: 10rpx auto;" class="padding-bottom-xl">
 				<tui-button shape="circle" shadow bold preventClick :disabled="questionCount == 0"
 					@click="checkPay">{{btnText}}</tui-button>
+			</view> -->
+
+				<view class="tn-margin-top-sm">
+					<view class="tn-flex tn-flex-wrap tn-margin-sm">
+						<block v-for="(item, index) in cateList" :key="index">
+							<view style="width: 50%">
+								<view class="question-bank-card tn-margin-xs"
+									@click="checkPay(item.value)">
+									<view class="question-bank-image-wrapper">
+										<image class="question-bank-image" :src="imgUrl + item.image" mode="aspectFill">
+										</image>
+									</view>
+									<view class="question-bank-title">
+										{{ item.text }}
+									</view>
+								</view>
+							</view>
+						</block>
+					</view>
+				</view>
+
 			</view>
 		</view>
 
@@ -42,130 +63,58 @@
 </template>
 
 <script>
-	import cateApi from "@/common/api/cate.js"
-	export default {
-		data() {
-			return {
-				page: '',
-				cateList: [],
-				cateId: 0,
-				cateName: '',
-				questionCount: 0,
-				btnText: '开始练习',
-				mode: 'normal',
-				defaultCateList: [],
+import cateApi from "@/common/api/cate.js"
+export default {
+	data() {
+		return {
+			// 图片域名
+			imgUrl: this.imgUrl,
+			page: '',
+			cateList: [],
+			cateId: 0,
+			cateName: '',
+			questionCount: 0,
+			btnText: '开始练习',
+			mode: 'normal',
+			defaultCateList: [],
 
-				// 题库支付弹窗相关
-				catePrice: 0.00,
-				showCateConfirm: false,
-				confirmCateContent: '',
-				
-				subjectId: 0,
-				
-				bannerImage: '',
+			// 题库支付弹窗相关
+			catePrice: 0.00,
+			showCateConfirm: false,
+			confirmCateContent: '',
+
+			subjectId: 0,
+
+			bannerImage: '',
+		}
+	},
+	onLoad(e) {
+		this.page = e?.page
+		this.getPageCache()
+		this.subjectId = this.utils.getSubjectId()
+		this.getCate()
+	},
+	methods: {
+		// 获取缓存
+		getPageCache() {
+			let cdn_url = this.utils.getData('cdn_url')
+			cdn_url = cdn_url ? cdn_url : ''
+
+			let pageCache = this.utils.getData('page')
+			console.log('pageCache', pageCache)
+			if (pageCache && pageCache.cate_banner_image) {
+				this.bannerImage = cdn_url + pageCache.cate_banner_image
+				console.log('this.bannerImage', this.bannerImage)
 			}
 		},
-		onLoad(e) {
-			this.page = e?.page
-			this.getPageCache()
-			this.subjectId = this.utils.getSubjectId()
-			this.getCate()
-		},
-		methods: {
-			// 获取缓存
-			getPageCache() {
-				let cdn_url = this.utils.getData('cdn_url')
-				cdn_url = cdn_url ? cdn_url : ''
-				
-				let pageCache = this.utils.getData('page')
-				console.log('pageCache', pageCache)
-				if (pageCache && pageCache.cate_banner_image) {
-					this.bannerImage = cdn_url + pageCache.cate_banner_image
-					console.log('this.bannerImage', this.bannerImage)
-				}
-			},
-			// 获取题库
-			getCate() {
-				this.http('cate/getThree', {
-					kind: 'QUESTION',
-					page: this.page,
-					subject_id: this.subjectId
-				}).then(res => {
-					this.cateList = res.data
-
-					// 模拟题库点击事件
-					if (this.cateId) {
-						this.complete({
-							value: this.cateId,
-							result: [{
-								text: this.cateName
-							}]
-						})
-					} else {
-						let defaultCate = this.utils.getData('default_cate-QUESTION')
-						console.log('defaultCate', defaultCate)
-						if (defaultCate) {
-							let lastCate = [...defaultCate.result].pop()
-							console.log('lastCate', lastCate)
-							
-							let hasCate = false
-							for (let j = 0; j < this.cateList.length; j++) {
-								let cate = this.cateList[j]
-								if (hasCate || cate.value == lastCate.value) {
-									hasCate = true
-									break
-								}
-								
-								if (cate.children && cate.children.length > 0) {
-									for (let k = 0; k < cate.children.length; k++) {
-										let child_cate = cate.children[k]
-										if (child_cate.value == lastCate.value) {
-											hasCate = true
-											break
-										}
-									}
-								}
-							}
-
-							if (hasCate) {
-								let defaultCateList = []
-								for (let i = 0; i < defaultCate.result.length; i++) {
-									defaultCateList.push(defaultCate.result[i].text)
-								}
-								this.defaultCateList = defaultCateList
-								
-								this.cateId = lastCate.value
-								this.cateName = lastCate.text
-								
-								this.complete({
-									value: this.cateId,
-									result: [{
-										text: this.cateName
-									}]
-								})
-							}
-						}
-
-						// let user = this.utils.getData('user')
-						// if (user?.info && user.info?.default_cate_ids) {
-						// 	this.defaultCateList = [...user.info.default_cate_names]
-
-						// 	this.cateId = [...user.info.default_cate_ids].pop()
-						// 	this.cateName = [...user.info.default_cate_names].pop()
-
-						// 	this.complete({
-						// 		value: this.cateId,
-						// 		result: [
-						// 			{
-						// 				text: this.cateName
-						// 			}
-						// 		]
-						// 	})
-						// }
-					}
-
-					// this.defaultCateList = ["消防","灭火救援常识",]
-				})
+		// 获取题库
+		getCate() {
+			this.http('cate/getThree', {
+				kind: 'QUESTION',
+				page: this.page,
+				subject_id: this.subjectId
+			}).then(res => {
+				this.cateList = res.data
 
 				// 模拟题库点击事件
 				if (this.cateId) {
@@ -175,105 +124,216 @@
 							text: this.cateName
 						}]
 					})
-				}
-			},
-			// 选择题库
-			complete(e) {
-				console.log(e);
-				console.log('您选择的数据为：', e);
+				} else {
+					let defaultCate = this.utils.getData('default_cate-QUESTION')
+					console.log('defaultCate', defaultCate)
+					if (defaultCate) {
+						let lastCate = [...defaultCate.result].pop()
+						console.log('lastCate', lastCate)
 
-				this.cateId = e.value
-				this.cateName = e.result[e.result.length - 1].text
+						let hasCate = false
+						for (let j = 0; j < this.cateList.length; j++) {
+							let cate = this.cateList[j]
+							if (hasCate || cate.value == lastCate.value) {
+								hasCate = true
+								break
+							}
 
-				let params = {
-					cate_id: this.cateId,
-					just_get_count: 1,
-				}
-
-				this.$refs.login.afterMethod = () => {
-					this.complete(e)
-				}
-				console.log('afterMethod', this.$refs.login.afterMethod)
-				this.http('question/train', params).then(res => {
-					if (res.code == 1) {
-						this.questionCount = res.data.total
-						if (this.questionCount) {
-							this.btnText = '开始练习'
-						} else {
-							this.btnText = '当前分类无试题'
-						}
-					} else {
-						this.utils.toast(res.msg)
-					}
-				})
-
-			},
-			// 检测题库是否已开通
-			checkPay() {
-				if (!this.cateId) {
-					this.utils.toast('请先选择练习的题库')
-					return
-				}
-
-				// 检测题库是否已开通
-				cateApi.checkPay(this, this.cateId).then(res => {
-					console.log('checkPay res', res)
-
-					if (res.code != 1) {
-						// this.utils.toast(res.msg)
-						// if (res.data.need_open_member) {
-						// 	this.utils.goto('/pages/user/member-center')
-						// }
-						uni.showModal({
-							title: '提示',
-							content: res.msg,
-							confirmText: '联系客服',
-							success: (res) => {
-								if (res.confirm) {
-									//this.utils.goto('/pages/user/member-center?from_train=1')
-									uni.makePhoneCall({
-										phoneNumber: '18903795988' //仅为示例
-									});
-								} else if (res.cancel) {
-									this.utils.goback()
+							if (cate.children && cate.children.length > 0) {
+								for (let k = 0; k < cate.children.length; k++) {
+									let child_cate = cate.children[k]
+									if (child_cate.value == lastCate.value) {
+										hasCate = true
+										break
+									}
 								}
 							}
-						});
-						return
+						}
+
+						if (hasCate) {
+							let defaultCateList = []
+							for (let i = 0; i < defaultCate.result.length; i++) {
+								defaultCateList.push(defaultCate.result[i].text)
+							}
+							this.defaultCateList = defaultCateList
+
+							this.cateId = lastCate.value
+							this.cateName = lastCate.text
+
+							this.complete({
+								value: this.cateId,
+								result: [{
+									text: this.cateName
+								}]
+							})
+						}
 					}
 
-					// 无须支付
-					if (res.data.status == 1) {
-						this.goTrain()
-						return
-					} else if (res.data.status == 2) {
-						this.catePrice = parseFloat(res.data.price)
-						this.confirmCateContent = res.data.msg
-						this.showCateConfirm = true
-					}
+					// let user = this.utils.getData('user')
+					// if (user?.info && user.info?.default_cate_ids) {
+					// 	this.defaultCateList = [...user.info.default_cate_names]
+
+					// 	this.cateId = [...user.info.default_cate_ids].pop()
+					// 	this.cateName = [...user.info.default_cate_names].pop()
+
+					// 	this.complete({
+					// 		value: this.cateId,
+					// 		result: [
+					// 			{
+					// 				text: this.cateName
+					// 			}
+					// 		]
+					// 	})
+					// }
+				}
+
+				// this.defaultCateList = ["消防","灭火救援常识",]
+			})
+
+			// 模拟题库点击事件
+			if (this.cateId) {
+				this.complete({
+					value: this.cateId,
+					result: [{
+						text: this.cateName
+					}]
 				})
-			},
-			// 开始练习
-			goTrain() {
-				this.showCateConfirm = false
-				this.showResult = false
-				this.confirmCateContent = ''
-				this.payResultContent = ''
-
-				this.page = this.page == 'train' ? 'train' : 'look'
-				this.utils.goto(this.page + '?cateId=' + this.cateId + '&cateName=' + this.cateName + '&mode=' + this.mode)
-			},
-			closeDialog() {
-				console.log('get emit closeDialog')
-				this.showCateConfirm = false
 			}
+		},
+		// 选择题库
+		complete(e) {
+			console.log(e);
+			console.log('您选择的数据为：', e);
+
+			this.cateId = e.value
+			this.cateName = e.result[e.result.length - 1].text
+
+			let params = {
+				cate_id: this.cateId,
+				just_get_count: 1,
+			}
+
+			this.$refs.login.afterMethod = () => {
+				this.complete(e)
+			}
+			console.log('afterMethod', this.$refs.login.afterMethod)
+			this.http('question/train', params).then(res => {
+				if (res.code == 1) {
+					this.questionCount = res.data.total
+					if (this.questionCount) {
+						this.btnText = '开始练习' 
+					} else {
+						this.btnText = '当前分类无试题'
+					}
+				} else {
+					this.utils.toast(res.msg)
+				}
+			})
+
+		},
+		// 检测题库是否已开通
+		checkPay(cateId) {
+			// if (!this.cateId) {
+			// 	this.utils.toast('请先选择练习的题库')
+			// 	return
+			// }
+
+			// 检测题库是否已开通
+			cateApi.checkPay(this, cateId).then(res => {
+				console.log('checkPay res', res)
+
+				if (res.code != 1) {
+					// this.utils.toast(res.msg)
+					// if (res.data.need_open_member) {
+					// 	this.utils.goto('/pages/user/member-center')
+					// }
+					uni.showModal({
+						title: '提示',
+						content: res.msg,
+						confirmText: '联系客服',
+						success: (res) => {
+							if (res.confirm) {
+								//this.utils.goto('/pages/user/member-center?from_train=1')
+								uni.makePhoneCall({
+									phoneNumber: '18903795988' //仅为示例
+								});
+							} else if (res.cancel) {
+								this.utils.goback()
+							}
+						}
+					});
+					return
+				}
+				if (res.data.status == 1) {
+					this.utils.goto('/pages/train/detail?id=' + cateId);
+					return
+				} 
+				// 无须支付
+				// if (res.data.status == 1) {
+				// 	this.goTrain()
+				// 	return
+				// } else if (res.data.status == 2) {
+				// 	this.catePrice = parseFloat(res.data.price)
+				// 	this.confirmCateContent = res.data.msg
+				// 	this.showCateConfirm = true
+				// }
+			})
+		},
+		// 开始练习
+		goTrain() {
+			this.showCateConfirm = false
+			this.showResult = false
+			this.confirmCateContent = ''
+			this.payResultContent = ''
+
+			this.page = this.page == 'train' ? 'train' : 'look'
+			this.utils.goto(this.page + '?cateId=' + this.cateId + '&cateName=' + this.cateName + '&mode=' + this.mode)
+		},
+		closeDialog() {
+			console.log('get emit closeDialog')
+			this.showCateConfirm = false
 		}
 	}
+}
 </script>
 
 <style>
-	.tn-radio__label {
-		color: #333 !important;
-		font-size: 15px !important;
+page {
+		background-color: #fff;
 	}
+
+.tn-radio__label {
+	color: #333 !important;
+	font-size: 15px !important;
+}
+/* 题库卡片样式 start */
+.question-bank-card {
+		background-color: #ffffff;
+		border-radius: 15rpx;
+	}
+
+	.question-bank-card:active {
+		transform: scale(0.98);
+	}
+
+	.question-bank-image-wrapper {
+		width: 100%;
+		height: 200rpx;
+		overflow: hidden;
+		border-radius: 15rpx;
+	}
+
+	.question-bank-image {
+		width: 100%;
+		height: 100%;
+		object-fit: cover;
+	}
+
+	.question-bank-title {
+		padding: 15rpx;
+		font-size: 32rpx;
+		color: #333333;
+		display: flex;
+	}
+	/* 题库卡片样式 end */
 </style>
\ No newline at end of file
diff --git a/pages/train/train.vue b/pages/train/train.vue
index 1696cb4..867613d 100644
--- a/pages/train/train.vue
+++ b/pages/train/train.vue
@@ -6,6 +6,7 @@
 
     <!-- toast提示 -->
     <tui-toast ref="toast"></tui-toast>
+    <login ref="login" v-on:succ="ajax"></login>
   </view>
 </template>
 
@@ -30,6 +31,9 @@ export default {
     this.getQuestion()
   },
   methods: {
+    ajax(){
+      this.getQuestion()
+    },
     // 获取试题（包括延迟获取）
     getQuestion (page = 1, callback = null) {
       console.log('getQuestion', page, this.currentPage, this.lastPage)
diff --git a/pagesSubject/sign_up.vue b/pagesSubject/sign_up.vue
new file mode 100644
index 0000000..5711f7f
--- /dev/null
+++ b/pagesSubject/sign_up.vue
@@ -0,0 +1,953 @@
+<template>
+	<view class="container">
+		<view class="form-container">
+			<tn-form ref="form" :model="form" :errorType="errorType" :labelPosition="labelPosition"
+				:labelWidth="labelWidth" :labelAlign="labelAlign" :borderBottom="false">
+				<!-- 姓名 -->
+				<tn-form-item label="姓名" prop="name" class="form-item-vertical" required>
+					<tn-input v-model="form.name" type="text" placeholder="请输入姓名" :border="false"
+						:placeholderStyle="placeholderStyle" />
+				</tn-form-item>
+
+				<!-- 性别 -->
+				<tn-form-item label="性别" prop="sex" class="form-item-vertical" required>
+					<tn-radio-group activeColor="#1A73E8" :size="43" v-model="form.sex" direction="row">
+						<tn-radio name="男" style="margin-right: 40rpx;">男</tn-radio>
+						<tn-radio name="女">女</tn-radio>
+					</tn-radio-group>
+				</tn-form-item>
+
+				<!-- 身份证号 -->
+				<tn-form-item label="身份证号" prop="code" class="form-item-vertical" required>
+					<tn-input v-model="form.code" type="text" placeholder="请输入身份证号" :border="false"
+						:placeholderStyle="placeholderStyle" maxlength="18" />
+				</tn-form-item>
+
+				<!-- 出生日期 -->
+				<tn-form-item label="出生日期" prop="userymd" class="form-item-vertical" required @click="showDatePicker">
+					<view class="date-picker-wrapper" @click="showDatePicker">
+						<tn-input @click="showDatePicker" v-model="form.userymd" type="text" placeholder="请选择出生日期"
+							:border="false" :placeholderStyle="placeholderStyle" :disabled="true" />
+						<view class="picker-icon">
+							<text class="tn-icon-calendar"></text>
+						</view>
+					</view>
+				</tn-form-item>
+				<!-- 联系电话 -->
+				<tn-form-item label="手机号码" prop="phone" class="form-item-vertical" required>
+					<tn-input v-model="form.phone" type="number" placeholder="请输入手机号码" :border="false"
+						:placeholderStyle="placeholderStyle" maxlength="11" @blur="validatePhone" />
+				</tn-form-item>
+
+				<!-- 上传蓝底电子版照片 -->
+				<tn-form-item label="蓝底电子版照片" prop="oneimage" class="form-item-vertical" required>
+					<view class="upload-new-wrapper">
+						<view class="upload-status">
+							<view class="upload-status-text">
+								<text v-if="form.imageFile">文件选择成功，</text>
+								<text v-if="form.imageFile" class="preview-link" @click="previewImage">点击预览</text>
+								<text v-if="!form.imageFile">请选择图片文件</text>
+							</view>
+							<text style="color: #E5E5E5;">|</text>
+							<view class="upload-btn" @click="chooseImage">
+								<text class="upload-btn-text">{{ form.imageFile ? '重新选择' : '选择文件' }}</text>
+							</view>
+						</view>
+					</view>
+				</tn-form-item>
+
+				<!-- 报考科目 -->
+				<tn-form-item label="报考科目" prop="kemu" class="form-item-vertical" required>
+					<view class="subject-tags">
+						<view v-for="subject in subjectOptions" :key="subject.value" class="subject-tag"
+							:class="{ 'subject-tag--selected': form.kemu.includes(subject.value) }"
+							@click="toggleSubject(subject.value)">
+							<text>{{ subject.label }}</text>
+							<view v-if="form.kemu.includes(subject.value)" class="subject-tag__check">
+								<text class="tn-icon-success"></text>
+							</view>
+						</view>
+					</view>
+				</tn-form-item>
+
+				<!-- 报考级别 -->
+				<tn-form-item label="报考级别" prop="jibie" class="form-item-vertical" required>
+					<tn-radio-group activeColor="#1A73E8" :size="43" v-model="form.jibie" direction="row">
+						<tn-radio v-for="level in levelOptions" :key="level.value" :name="level.value"
+							style="margin-right: 40rpx;">
+							{{ level.label }}
+						</tn-radio>
+					</tn-radio-group>
+				</tn-form-item>
+
+				<!-- 报考类型 -->
+				<tn-form-item label="报考类型" prop="type" class="form-item-vertical" required>
+					<view class="exam-type-tags">
+						<view v-for="type in examTypeOptions" :key="type.value" class="exam-type-tag"
+							:class="{ 'exam-type-tag--selected': form.type.includes(type.value) }"
+							@click="toggleExamType(type.value)">
+							<text>{{ type.label }}</text>
+							<view v-if="form.type.includes(type.value)" class="exam-type-tag__check">
+								<text class="tn-icon-success"></text>
+							</view>
+						</view>
+					</view>
+				</tn-form-item>
+
+				<!-- 毕业学校 -->
+				<tn-form-item label="毕业学校" prop="by_school" class="form-item-vertical" required>
+					<tn-input v-model="form.by_school" type="text" placeholder="请输入毕业学校" :border="false"
+						:placeholderStyle="placeholderStyle" />
+				</tn-form-item>
+
+				<!-- 毕业专业 -->
+				<tn-form-item label="毕业专业" prop="by_zy" class="form-item-vertical" required>
+					<tn-input v-model="form.by_zy" type="text" placeholder="请输入毕业专业" :border="false"
+						:placeholderStyle="placeholderStyle" />
+				</tn-form-item>
+
+				<!-- 最高学历 -->
+				<tn-form-item label="最高学历" prop="zgxl" class="form-item-vertical" required>
+					<tn-radio-group activeColor="#1A73E8" :size="43" v-model="form.zgxl" direction="row">
+						<tn-radio v-for="edu in educationOptions" :key="edu.value" :name="edu.value">{{ edu.label
+						}}</tn-radio>
+					</tn-radio-group>
+				</tn-form-item>
+
+				<!-- 工作单位 -->
+				<tn-form-item label="工作单位" prop="danwei" class="form-item-vertical" required>
+					<tn-input v-model="form.danwei" type="text" placeholder="请输入工作单位" :border="false"
+						:placeholderStyle="placeholderStyle" />
+				</tn-form-item>
+
+				<!-- 累计从事本职业时间 -->
+				<tn-form-item label="累计从事本职业时间" prop="leijishijian" class="form-item-vertical" required>
+					<tn-input v-model="form.leijishijian" type="text" placeholder="请输入累计从事本职业时间" :border="false"
+						:placeholderStyle="placeholderStyle" />
+				</tn-form-item>
+
+				<!-- 培训基地 -->
+				<tn-form-item label="培训基地" prop="pxjd" class="form-item-vertical" required>
+					<tn-input v-model="form.pxjd" type="text" placeholder="请输入培训基地" :border="false"
+						:placeholderStyle="placeholderStyle" />
+				</tn-form-item>
+			</tn-form>
+
+			<!-- 提交按钮 -->
+			<view class="submit-section">
+
+				<tn-button fontColor="#ffffff" type="primary" width="100%" height="88rpx" @click="submitForm"
+					:loading="submitting" backgroundColor="#1A73E8">
+					马上提交
+				</tn-button>
+			</view>
+			<!-- 用户协议同意 -->
+			<view class="agreement-section">
+				<view>
+					<tn-checkbox-group activeColor="#1A73E8" :size="43" v-model="agreementChecked">
+						<tn-checkbox name="agree" class="agreement-checkbox"></tn-checkbox>
+					</tn-checkbox-group>
+				</view>
+				<view class="agreement-content">
+					<text class="agreement-text">我已阅读并同意</text>
+					<text class="agreement-link" @click="openUserAgreement">《用户服务协议》</text>
+					<text class="agreement-text">和</text>
+					<text class="agreement-link" @click="openPrivacyPolicy">《隐私政策》</text>
+				</view>
+			</view>
+
+		</view>
+
+		<!-- 日期选择器 -->
+		<tn-picker v-model="datePickerShow" mode="time" :params="dateParams" @confirm="onDateConfirm"
+			@cancel="datePickerShow = false"></tn-picker>
+			<login ref="login" v-on:succ="ajax()"></login>
+	</view>
+</template>
+
+<script>
+export default {
+	data() {
+		return {
+			TimeShow: false,
+			// 表单数据
+			form: {
+				name: '',           // 姓名
+				sex: '',            // 性别
+				code: '',           // 身份证号
+				userymd: '',        // 出生日期
+				phone: '',          // 联系电话
+				oneimage: '',       // 电子照片URL（用于显示）
+				imageFile: null,    // 电子照片文件（用于提交）
+				kemu: [],           // 报考科目
+				jibie: '',          // 报考级别
+				type: [],           // 报考类型
+				by_school: '',      // 毕业学校
+				by_zy: '',          // 毕业专业
+				zgxl: '',           // 最高学历
+				danwei: '',         // 工作单位
+				leijishijian: '',   // 累计从事本职业时间
+				pxjd: ''            // 培训基地
+			},
+
+			// 表单配置
+			errorType: ['toast'],
+			labelPosition: 'top',
+			labelWidth: 120,
+			labelAlign: 'left',
+			placeholderStyle: 'color: #999; font-size: 28rpx;',
+			// 日期选择器
+			datePickerShow: false,
+			dateParams: {
+				year: true,
+				month: true,
+				day: true,
+				hour: false,
+				minute: false,
+				second: false
+			},
+
+			// 提交状态
+			submitting: false,
+
+			// 用户协议同意状态
+			agreementChecked: [],
+
+			// 选项数据
+			subjectOptions: [
+				{ label: '游泳救生员', value: '游泳救生员' },
+				{ label: '游泳社会体育指导员', value: '游泳社会体育指导员' },
+				{ label: '健身教练', value: '健身教练' },
+				{ label: '水质管理员', value: '水质管理员' },
+				{ label: '潜水', value: '潜水' },
+				{ label: '滑雪', value: '滑雪' },
+				{ label: '少儿体适能', value: '少儿体适能' }
+			],
+
+			levelOptions: [
+				{ label: '初级（五级）', value: '初级（五级）' },
+				{ label: '中级（四级）', value: '中级（四级）' },
+				{ label: '高级（三级）', value: '高级（三级）' }
+			],
+
+			examTypeOptions: [
+				{ label: '正常', value: '正常' },
+				{ label: '补考理论', value: '补考理论' },
+				{ label: '补考实操', value: '补考实操' },
+				{ label: '补考双项', value: '补考双项' }
+			],
+
+			educationOptions: [
+				{ label: '博士', value: '博士' },
+				{ label: '硕士', value: '硕士' },
+				{ label: '大学', value: '大学' },
+				{ label: '大专', value: '大专' },
+				{ label: '高中、高职、中专', value: '高中、高职、中专' },
+				{ label: '初中', value: '初中' },
+				{ label: '小学', value: '小学' }
+			]
+		}
+	},
+	onLoad(){
+		//console.log(this.utils.apiUrlReturn());
+	},
+	methods: {
+		// 显示日期选择器
+		showDatePicker() {
+			this.datePickerShow = true
+		},
+
+		// 日期选择确认
+		onDateConfirm(e) {
+			this.form.userymd = e.year + '/' + e.month + '/' + e.day;
+			this.datePickerShow = false
+		},
+
+		// 选择图片
+		chooseImage() {
+			console.log(123);
+			uni.chooseImage({
+				count: 1,
+				sizeType: ['compressed'],
+				sourceType: ['album', 'camera'],
+				success: (res) => {
+					const tempFilePath = res.tempFilePaths[0]
+					// 保存文件路径用于后续提交
+					this.form.imageFile = tempFilePath
+					// 设置显示用的URL
+					this.form.oneimage = tempFilePath
+
+					uni.showToast({
+						title: '图片选择成功',
+						icon: 'success'
+					})
+				},
+				fail: (res) => {
+					console.log(res);
+					uni.showToast({
+						title: '选择图片失败',
+						icon: 'none'
+					})
+				}
+			})
+		},
+
+		// 预览图片
+		previewImage() {
+			if (this.form.oneimage) {
+				uni.previewImage({
+					urls: [this.form.oneimage],
+					current: this.form.oneimage
+				})
+			}
+		},
+
+
+
+		// 提交表单
+		submitForm() {
+			// 检查是否同意用户协议
+			if (!this.agreementChecked.includes('agree')) {
+				uni.showToast({
+					title: '请先同意用户服务协议和隐私政策',
+					icon: 'none'
+				})
+				return
+			}
+
+			// 验证表单字段
+			if (!this.validateForm()) {
+				return
+			}
+
+			this.submitting = true
+
+			// 准备提交数据
+			const formData = {
+				name: this.form.name,
+				sex: this.form.sex,
+				code: this.form.code,
+				userymd: this.form.userymd,
+				phone: this.form.phone,
+				kemu: this.form.kemu.join(','), // 数组转字符串
+				jibie: this.form.jibie,
+				type: this.form.type.join(','), // 数组转字符串
+				by_school: this.form.by_school,
+				by_zy: this.form.by_zy,
+				zgxl: this.form.zgxl,
+				danwei: this.form.danwei,
+				leijishijian: this.form.leijishijian,
+				pxjd: this.form.pxjd
+			}
+
+			// 使用uni.uploadFile提交表单和文件
+			uni.uploadFile({
+				url: this.utils.apiUrlReturn() + '/addons/exam/gzinfo/add', // 替换为您的提交接口
+				filePath: this.form.imageFile,
+				name: 'oneimage', // 文件字段名
+				formData: formData, // 其他表单数据
+				header: {
+					'token': uni.getStorageSync('token')
+				},
+				success: (res) => {
+					this.submitting = false;
+					console.log(res);
+					const data = JSON.parse(res.data)
+					if(data.code===401){
+						uni.showToast({
+							title: '请登录后提交！',
+							icon: 'none'
+						})
+						this.$refs.login.modal = true;
+						return;
+					}
+					if (res.statusCode === 200 && data.code === 1) {
+						uni.showToast({
+							title: '提交成功',
+							icon: 'success'
+						})
+						// 提交成功后清空表单
+						this.resetForm()
+					} else {
+						uni.showToast({
+							title: data.message || '提交失败',
+							icon: 'none'
+						})
+					}
+				},
+				fail: (error) => {
+					this.submitting = false
+					uni.showToast({
+						title: '提交失败',
+						icon: 'none'
+					})
+					console.error('提交错误:', error)
+				}
+			})
+		},
+
+		//判断表单字段
+		validateForm() {
+				// 判断姓名
+				if (!this.form.name || this.form.name.trim() === '') {
+					uni.showToast({
+						title: '请输入姓名',
+						icon: 'none'
+					})
+					return false
+				}
+
+				// 判断性别
+				if (!this.form.sex || this.form.sex === '') {
+					uni.showToast({
+						title: '请选择性别',
+						icon: 'none'
+					})
+					return false
+				}
+
+				// 判断身份证号
+				if (!this.form.code || this.form.code.trim() === '') {
+					uni.showToast({
+						title: '请输入身份证号',
+						icon: 'none'
+					})
+					return false
+				}
+
+				// 验证身份证号格式
+				const idCardReg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/
+				if (!idCardReg.test(this.form.code)) {
+					uni.showToast({
+						title: '身份证号格式不正确',
+						icon: 'none'
+					})
+					return false
+				}
+
+				// 判断出生日期
+				if (!this.form.userymd || this.form.userymd === '') {
+					uni.showToast({
+						title: '请选择出生日期',
+						icon: 'none'
+					})
+					return false
+				}
+
+				// 判断联系电话
+				if (!this.form.phone || this.form.phone.trim() === '') {
+					uni.showToast({
+						title: '请输入联系电话',
+						icon: 'none'
+					})
+					return false
+				}
+
+				// 验证手机号格式
+				const phone = this.form.phone.trim()
+
+				// 检查是否为11位数字
+				if (!/^\d{11}$/.test(phone)) {
+					uni.showToast({
+						title: '手机号必须为11位数字',
+						icon: 'none'
+					})
+					return false
+				}
+
+				// 检查是否以1开头
+				if (!phone.startsWith('1')) {
+					uni.showToast({
+						title: '手机号必须以1开头',
+						icon: 'none'
+					})
+					return false
+				}
+
+				// 检查第二位数字是否为3-9
+				const secondDigit = phone.charAt(1)
+				if (!/[3-9]/.test(secondDigit)) {
+					uni.showToast({
+						title: '手机号第二位必须为3-9',
+						icon: 'none'
+					})
+					return false
+				}
+
+				// 详细的运营商号段验证
+				const phoneReg = /^1(3[0-9]|4[01456879]|5[0-35-9]|6[2567]|7[0-8]|8[0-9]|9[0-35-9])\d{8}$/
+				if (!phoneReg.test(phone)) {
+					uni.showToast({
+						title: '请输入正确的手机号码',
+						icon: 'none'
+					})
+					return false
+				}
+
+				// 判断电子照片
+				if (!this.form.imageFile) {
+					uni.showToast({
+						title: '请选择蓝底电子版照片',
+						icon: 'none'
+					})
+					return false
+				}
+
+				// 判断报考科目
+				if (!this.form.kemu || this.form.kemu.length === 0) {
+					uni.showToast({
+						title: '请选择报考科目',
+						icon: 'none'
+					})
+					return false
+				}
+
+				// 判断报考级别
+				if (!this.form.jibie || this.form.jibie === '') {
+					uni.showToast({
+						title: '请选择报考级别',
+						icon: 'none'
+					})
+					return false
+				}
+
+				// 判断报考类型
+				if (!this.form.type || this.form.type.length === 0) {
+					uni.showToast({
+						title: '请选择报考类型',
+						icon: 'none'
+					})
+					return false
+				}
+
+				// 判断毕业学校
+				if (!this.form.by_school || this.form.by_school.trim() === '') {
+					uni.showToast({
+						title: '请输入毕业学校',
+						icon: 'none'
+					})
+					return false
+				}
+
+				// 判断毕业专业
+				if (!this.form.by_zy || this.form.by_zy.trim() === '') {
+					uni.showToast({
+						title: '请输入毕业专业',
+						icon: 'none'
+					})
+					return false
+				}
+
+				// 判断最高学历
+				if (!this.form.zgxl || this.form.zgxl === '') {
+					uni.showToast({
+						title: '请选择最高学历',
+						icon: 'none'
+					})
+					return false
+				}
+
+				// 判断工作单位
+				if (!this.form.danwei || this.form.danwei.trim() === '') {
+					uni.showToast({
+						title: '请输入工作单位',
+						icon: 'none'
+					})
+					return false
+				}
+
+				// 判断累计从事本职业时间
+				if (!this.form.leijishijian || this.form.leijishijian.trim() === '') {
+					uni.showToast({
+						title: '请输入累计从事本职业时间',
+						icon: 'none'
+					})
+					return false
+				}
+
+				// 判断培训基地
+				if (!this.form.pxjd || this.form.pxjd.trim() === '') {
+					uni.showToast({
+						title: '请输入培训基地',
+						icon: 'none'
+					})
+					return false
+				}
+
+				// 所有验证通过
+				return true
+		},
+
+		// 打开用户服务协议
+		openUserAgreement() {
+			// 这里可以跳转到用户服务协议页面
+			uni.showToast({
+				title: '打开用户服务协议',
+				icon: 'none'
+			})
+		},
+
+		// 打开隐私政策
+		openPrivacyPolicy() {
+			// 这里可以跳转到隐私政策页面
+			uni.showToast({
+				title: '打开隐私政策',
+				icon: 'none'
+			})
+		},
+
+		// 切换科目选择
+		toggleSubject(value) {
+			const index = this.form.kemu.indexOf(value)
+			if (index > -1) {
+				// 如果已选中，则取消选择
+				this.form.kemu.splice(index, 1)
+			} else {
+				// 如果未选中，则添加选择
+				this.form.kemu.push(value)
+			}
+		},
+
+		// 切换报考类型选择
+		toggleExamType(value) {
+			const index = this.form.type.indexOf(value)
+			if (index > -1) {
+				// 如果已选中，则取消选择
+				this.form.type.splice(index, 1)
+			} else {
+				// 如果未选中，则添加选择
+				this.form.type.push(value)
+			}
+		},
+
+		// 实时验证手机号
+		validatePhone() {
+			const phone = this.form.phone.trim()
+
+			// 如果为空，不显示错误（在提交时再验证）
+			if (!phone) {
+				return
+			}
+
+			// 长度检查
+			if (phone.length !== 11) {
+				uni.showToast({
+					title: '手机号必须为11位',
+					icon: 'none',
+					duration: 1500
+				})
+				return
+			}
+
+			// 格式检查
+			const phoneReg = /^1(3[0-9]|4[01456879]|5[0-35-9]|6[2567]|7[0-8]|8[0-9]|9[0-35-9])\d{8}$/
+			if (!phoneReg.test(phone)) {
+				uni.showToast({
+					title: '请输入正确的手机号码',
+					icon: 'none',
+					duration: 1500
+				})
+			}
+		},
+
+		// 重置表单
+		resetForm() {
+			// 清空表单数据
+			this.form = {
+				name: '',           // 姓名
+				sex: '',            // 性别
+				code: '',           // 身份证号
+				userymd: '',        // 出生日期
+				phone: '',          // 联系电话
+				oneimage: '',       // 电子照片URL（用于显示）
+				imageFile: null,    // 电子照片文件（用于提交）
+				kemu: [],           // 报考科目
+				jibie: '',          // 报考级别
+				type: [],           // 报考类型
+				by_school: '',      // 毕业学校
+				by_zy: '',          // 毕业专业
+				zgxl: '',           // 最高学历
+				danwei: '',         // 工作单位
+				leijishijian: '',   // 累计从事本职业时间
+				pxjd: ''            // 培训基地
+			}
+
+			// 清空用户协议选择
+			this.agreementChecked = []
+
+			// 清空日期选择器状态
+			this.datePickerShow = false
+
+			uni.showToast({
+				title: '表单已重置',
+				icon: 'success',
+				duration: 1500
+			})
+		}
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+.container {
+	min-height: 100vh;
+	background-color: #f8f8f8;
+	padding: 20rpx;
+}
+
+.form-container {
+	background-color: #ffffff;
+	border-radius: 20rpx;
+	padding: 0rpx 40rpx;
+	padding-bottom: 50rpx;
+}
+
+// 垂直布局的表单项
+.form-item-vertical {
+	/deep/ .tn-form-item__body {
+		flex-direction: column;
+		align-items: flex-start;
+	}
+
+	/deep/ .tn-form-item__label {
+		margin-bottom: 20rpx;
+		font-weight: bold;
+		color: #333;
+		position: relative;
+	}
+
+	// 将必填*号放在文字左侧
+	/deep/ .tn-form-item--left__content--required {
+		position: absolute;
+		left: -20rpx;
+		top: 50%;
+		transform: translateY(-50%);
+		color: #ff0000 !important;
+		order: -1;
+	}
+
+	/deep/ .tn-form-item--left__content {
+		position: relative;
+	}
+
+	/deep/ .tn-form-item__content {
+		width: 100%;
+	}
+
+	// 去掉下划线
+	/deep/ .tn-form-item {
+		border-bottom: none !important;
+	}
+
+	/deep/ .tn-form-item::after {
+		display: none !important;
+	}
+
+	// 确保所有输入框宽度为100%
+	/deep/ .tn-input {
+		width: 640rpx;
+		background-color: #F7F7F7 !important;
+		border: none !important;
+		padding: 20rpx;
+		height: 100rpx;
+	}
+
+	/deep/ .tn-input__input {
+		width: 100%;
+		background-color: #F7F7F7 !important;
+		border: none !important;
+		padding: 20rpx;
+		height: 100rpx;
+	}
+
+	/deep/ .tn-input__wrap {
+		background-color: #F7F7F7 !important;
+		border: none !important;
+	}
+}
+
+// 日期选择器样式
+.date-picker-wrapper {
+	position: relative;
+	width: 640rpx;
+
+	/deep/ .tn-input {
+		width: 640rpx;
+		background-color: #F7F7F7 !important;
+		border: none !important;
+	}
+
+	/deep/ .tn-input__input {
+		width: 100%;
+		background-color: #F7F7F7 !important;
+		border: none !important;
+	}
+
+	/deep/ .tn-input__wrap {
+		background-color: #F7F7F7 !important;
+		border: none !important;
+	}
+
+	.picker-icon {
+		position: absolute;
+		right: 20rpx;
+		top: 50%;
+		transform: translateY(-50%);
+		color: #999;
+		font-size: 32rpx;
+	}
+}
+
+// 新的图片上传样式
+.upload-new-wrapper {
+	width: 640rpx;
+
+	.upload-status {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		padding: 20rpx 10rpx 20rpx 30rpx;
+		background-color: #F7F7F7;
+		border-radius: 0rpx;
+		height: 100rpx;
+		box-sizing: border-box;
+
+		.upload-status-text {
+			color: #666;
+			font-size: 28rpx;
+			flex: 1;
+			display: flex;
+			align-items: center;
+
+			.preview-link {
+				color: #1A73E8;
+				text-decoration: underline;
+				cursor: pointer;
+			}
+		}
+
+		.upload-btn {
+			padding: 8rpx 20rpx;
+
+			.upload-btn-text {
+				color: #333;
+				font-size: 24rpx;
+			}
+		}
+	}
+
+	.preview-section {
+		margin-top: 20rpx;
+
+		.preview-thumb {
+			width: 120rpx;
+			height: 120rpx;
+			border-radius: 8rpx;
+			border: 1rpx solid #eee;
+		}
+	}
+}
+
+// 科目标签样式
+.subject-tags {
+	display: flex;
+	flex-direction: column;
+	gap: 20rpx;
+
+	.subject-tag {
+		position: relative;
+		width: 640rpx;
+		padding: 10rpx 40rpx;
+		border-radius: 0rpx;
+		background-color: #f8f8f8;
+		color: #666;
+		font-size: 28rpx;
+		transition: all 0.3s ease;
+		text-align: left;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+
+		&--selected {
+			border-color: #1A73E8;
+			background-color: #e8f0fe;
+			color: #1A73E8;
+		}
+
+		&__check {
+			width: 40rpx;
+			height: 40rpx;
+			background-color: #1A73E8;
+			border-radius: 50%;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			color: #fff;
+			font-size: 24rpx;
+			flex-shrink: 0;
+		}
+	}
+}
+
+// 报考类型标签样式（与科目标签样式一致）
+.exam-type-tags {
+	display: flex;
+	flex-direction: column;
+	gap: 20rpx;
+
+	.exam-type-tag {
+		position: relative;
+		width: 640rpx;
+		padding: 10rpx 40rpx;
+		background-color: #f8f8f8;
+		color: #666;
+		font-size: 28rpx;
+		transition: all 0.3s ease;
+		text-align: left;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+
+		&--selected {
+			background-color: #e8f0fe;
+			color: #1A73E8;
+		}
+
+		&__check {
+			width: 40rpx;
+			height: 40rpx;
+			background-color: #1A73E8;
+			border-radius: 50%;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			color: #fff;
+			font-size: 24rpx;
+			flex-shrink: 0;
+		}
+	}
+}
+
+// 用户协议区域
+.agreement-section {
+	margin-top: 30rpx;
+	display: flex;
+	align-items: center;
+}
+
+.agreement-text {
+	color: #666;
+	font-size: 26rpx;
+}
+
+.agreement-link {
+	color: #1A73E8;
+	font-size: 26rpx;
+}
+
+// 提交按钮区域
+.submit-section {
+	margin-top: 30rpx;
+	padding: 0 20rpx;
+}
+</style>
diff --git a/static/img/4.png b/static/img/4.png
index 1832e8f..2aff0f5 100644
Binary files a/static/img/4.png and b/static/img/4.png differ
diff --git a/static/img/5.png b/static/img/5.png
new file mode 100644
index 0000000..219fa7c
Binary files /dev/null and b/static/img/5.png differ
diff --git a/tuniao-ui/components/tn-radio/tn-radio.vue b/tuniao-ui/components/tn-radio/tn-radio.vue
index 0be0b5a..2b55df8 100644
--- a/tuniao-ui/components/tn-radio/tn-radio.vue
+++ b/tuniao-ui/components/tn-radio/tn-radio.vue
@@ -201,6 +201,7 @@
     overflow: hidden;
     user-select: none;
     line-height: 1.8;
+    padding-bottom: 20rpx;
     
     &__icon-wrap {
       color: $tn-font-color;
@@ -216,7 +217,7 @@
       text-align: center;
       transition-property: color, border-color, background-color;
       font-size: 20rpx;
-      border: 1rpx solid $tn-font-sub-color;
+      border: 1px solid $tn-font-sub-color;
       transition-duration: 0.2s;
       
       /* #ifdef MP-TOUTIAO */