合并

pages.json

@@ -248,6 +248,26 @@
 					}
 				}
 			},
+			{
+				"path": "bank/my_question",
+				"style": {
+					"navigationBarTitleText": "我的题库",
+					"app-plus": {
+						"titleNView": false, //禁用原生导航栏 
+						"bounce": "none"
+					}
+				}
+			},
+			{
+				"path": "bank/question_record",
+				"style": {
+					"navigationBarTitleText": "做题记录",
+					"app-plus": {
+						"titleNView": false, //禁用原生导航栏 
+						"bounce": "none"
+					}
+				}
+			},
 			{
 				"path": "bank/detail",
 				"style": {
@@ -278,6 +298,16 @@
 					}
 				}
 			},
+			{
+				"path": "bank/questionBankTest",
+				"style": {
+					"navigationBarTitleText": "试卷标题",
+					"app-plus": {
+						"titleNView": false, //禁用原生导航栏 
+						"bounce": "none"
+					}
+				}
+			},
 			{
 				"path": "msg/detail",
 				"style": {

pages/index/index.vue

@@ -27,7 +27,7 @@ export default {
 	},
 	methods: {
 		jumpBank() {
-			this.$navTo.togo('/pages2/bank/questionBank');
+			this.$navTo.togo('/pages2/bank/question_record');
 		},
 		getDict() {
 		

pages/login/login.vue

@@ -144,8 +144,8 @@ export default {
 				return 
 			}
 			//虚拟登录
-		/* 	that.fakeLogin()
-			return */
+			that.fakeLogin()
+			return
 			that.isUse = true
 			that.$api.accountLogin(this.form).then(
 				res => {

pages2/bank/detail.vue

@@ -17,14 +17,58 @@
 			</view>
 			<u-line color="#D6D6DB" />
 			<view>
-				<view style="width: 160px;margin: 0 auto;"><u-tabs :list="list" item-width="150" font-size="24" bar-width="110" :current="current" @change="change" active-color="#007AFF"></u-tabs></view>
+				<view>
+					<u-tabs :list="list" item-width="50%" font-size="24" bar-width="110" :current="current" @change="change" active-color="#007AFF"></u-tabs>
+				</view>
 			</view>
 			<u-line color="#D6D6DB" />
 		</view>
-		<view style="padding: 20rpx;">
+		<view class="intro" v-if="current == 0">
 			<view class="content">
-				10月18日起，每周一20:00上直播课，课程持续到
-				10月30日止。
+				<view class="top">本题库为广东省建筑施工企业安全生产管理人员安全生产考试第三批参考题库（可两行）</view>
+				<image class="img"  src="/static/intro.png" ></image>
+			</view>
+		</view>
+		<view class="title-list"  v-if="current == 1">
+			<view class="content">
+				<view class="list" v-for="(item1,index) in outline">
+					<view class="module">
+						.2Z106000 施工合同管理-模块标题
+					</view>
+					<view class="section" :data-index="index" @click="changeItem" :class="{up:!item1.showList}">
+						2Z106010 施工承发包的模式-2Z106020 施工合同...
+					</view>
+					<view class="article" v-if="item1.showList" :class="{active:index1 == 0}" v-for="(article,index1) in item1.list">
+						施工承发包模式-施工合同与物资采购合同二
+						<navigator url="/pages2/bank/questionBankTest">
+							<view v-if="index1 == 0" class="btn">试做</view>
+						</navigator>
+						
+					</view>
+				</view>
+				
+				<view class="list">
+					<view class="section" :data-index="index" @click="changeItem">
+						2Z106010 施工承发包的模式-2Z106020 施工合同...
+					</view>
+					<view class="article" :class="{active:index1 == 0}" v-for="(article,index1) in 3">
+						施工承发包模式-施工合同与物资采购合同二
+						<navigator url="/pages2/bank/questionBankTest">
+							<view v-if="index1 == 0" class="btn">试做</view>
+						</navigator>
+						
+					</view>
+				</view>
+				
+				<view class="list">
+					<view class="article" :class="{active:index1 == 0}" v-for="(article,index1) in 3">
+						施工承发包模式-施工合同与物资采购合同二
+						<navigator url="/pages2/bank/questionBankTest">
+							<view v-if="index1 == 0" class="btn">试做</view>
+						</navigator>
+						
+					</view>
+				</view>
 			</view>
 		</view>
 		<view class="bottomBox">
@@ -50,7 +94,11 @@ export default {
 					name: '大纲'
 				}
 			],
-			current:0
+			current:0,
+			outline:[{
+				list:[1,2,3,4],
+				showList:false,
+			}]
 		};
 	},
 	onUnload() {
@@ -85,6 +133,15 @@ export default {
 		},
 		change(index){
 			this.current = index;
+		},
+		changeItem(e) {
+			let index = e.currentTarget.dataset.index
+			this.outline.forEach((arrItem,i) => {
+				if(i == index) {
+					arrItem.showList = !arrItem.showList
+				}
+			})
+			
 		}
 	}
 };
@@ -94,10 +151,98 @@ export default {
 		background-color: #EAEEF1;
 	}
 </style>
-<style scope>
-	.content{
-		background-color: #FFFFFF;
-
+<style lang="scss" scope>
+	
+	.intro {
+		background: #EAEEF1;
+		padding:16rpx 16rpx 124rpx;
+		
+		.content {
+			background:#fff;
+			border-radius: 16rpx;;
+			.top {
+				border-radius: 16rpx;
+				padding:32rpx 28rpx 16rpx;
+				font-size: 30rpx;
+				color: #333333;
+			}
+			
+			.img {
+				width:100%;
+			}
+		}
+	}
+	
+	.title-list {
+		background: #EAEEF1;
+		padding:16rpx 16rpx 124rpx;
+		.content {
+			
+			.list {
+				background:#fff;
+				margin-bottom:30rpx;
+				overflow: hidden;
+				border-radius: 16rpx;
+				padding:10rpx 16rpx;
+				
+				.module {
+					font-size: 30rpx;
+					color: #333333;
+				}
+				
+				.section {
+					padding:30rpx 0;
+					border-bottom: 1rpx solid #EEEEEE;
+					font-size: 24rpx;
+					color: #666666;
+					
+					&::before {
+						content:'^';
+						display: inline-block;
+						margin-right:20rpx;
+					}
+					
+					&.up {
+						&::before {
+							transform: rotate(180deg);
+						}
+						
+					}
+				}
+				
+				.article {
+					height:80rpx;
+					display: flex;
+					align-items: center;
+					margin-left:88rpx;
+					font-size: 24rpx;
+					color: #666666;
+					border-bottom: 1rpx solid #EEEEEE;
+					
+					&:nth-last-of-type(1) {
+						border:0;
+					}
+					
+					&.active {
+						color:#007AFF;
+						
+						
+						.btn {
+							width: 96rpx;
+							height: 48rpx;
+							line-height: 48rpx;
+							text-align: center;
+							color:#fff;
+							font-size: 30rpx;
+							border-radius:24rpx;
+							background: #007AFF;
+							margin-left:36rpx;
+							border-radius: 24rpx;
+						}
+					}
+				}
+			}
+		}
 	}
 	.btn2{
 		width: 200rpx;

pages2/bank/my_question.vue

@@ -0,0 +1,106 @@
+<template>
+	<view style="padding: 30rpx;">
+		<view v-for="(item, index) in list" :key="index"  style="margin-bottom: 30rpx;">
+			<navigator url="/pages2/bank/detail">
+				<view class="class_item">
+					<image src="/static/login_bg.jpg" style="height: 316rpx;width: 100%;border-radius: 24rpx;"></image>
+					<view style="color: #333333;font-weight: bold;font-size: 32rpx;">
+						2020年二建建筑工程管理与实务（实务专题
+						班）
+					</view>
+					<view class=".content_box">
+						<image src="/static/icon/wk_icon2.png" class="wk_icon"></image>
+						学习有效期：<text class="content"> 2020.11.20 - 2021.12.19 </text>
+					</view>
+				</view>
+			</navigator>
+			<view class="bottomBox">
+				<view class="box_progress">
+					<view style="width: 60%;">
+						<u-line-progress active-color="#007AFF" :percent="70"></u-line-progress>
+					</view>
+					<view>
+						<u-button type="primary" size="mini">进入刷题</u-button>
+					</view>
+				</view>
+			</view>
+			
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				list:[
+					1,2,3
+				]
+				
+			}
+		},
+		onLoad(option) {
+			// this.getDict()
+		},
+		onShow(){
+			
+		},
+		methods: {
+			studyIn(){
+				this.$navTo.togo('/pages2/verify/input');
+			},
+			appointment(){
+				this.$navTo.togo('/pages2/appointment/index');
+			}
+		},
+		
+	}
+</script>
+<style >
+	page {
+			background: #EAEEF1;
+		}
+</style>
+<style scope>
+	
+	.box_progress{
+		display: flex;
+		justify-content:space-between;
+		align-items: center;
+		margin-top: 20rpx;
+	}
+	.bottomBox{
+		background: #FFFFFF;
+		width: 94%;
+		border-bottom-left-radius: 24rpx;
+		border-bottom-right-radius: 24rpx;
+		margin: 0 auto;
+		padding: 20rpx;
+	}
+	.content_box{
+		display: flex;
+		align-items: center;
+		color: #999999;
+		margin-top: 8rpx;
+	}
+	.content{
+		color: #000000;
+		margin: 0 8rpx;
+	}
+	.wk_icon{
+		width: 24rpx;
+		height: 24rpx;
+		margin-right: 8rpx;
+	}
+
+	.class_item{
+		width: 100%;
+		height: 514rpx;
+		background: #FFFFFF;
+		box-shadow: 0rpx 10rpx 9rpx 1rpx rgba(165, 196, 239, 0.1);
+		border-radius: 24rpx;
+		padding: 20rpx;
+		z-index: 999;
+		position: relative;
+	}
+</style>

pages2/bank/questionBankTest.vue

@@ -0,0 +1,379 @@
+<template>
+	<view id="questionBank">
+		<swiper class="swiper" :current="current" @change="swiperChange" :interval="interval">
+			<swiper-item v-for="(bank,bankIndex) in bankList">
+				<view class="pageContent">
+					<view class="pad_8 titBox">
+						<view class="firstLetter">
+							<view class="leftLetters">
+								<view class="btnType">单选</view>
+								<text>1/{{current}}</text>
+							</view>
+							<view style="color: #666;font-size: 28rpx;">03:25:06</view>
+							<view class="leftLetters"></view>
+						</view>
+						<view class="titles">建造师执业资格注册的有效期一般为（ ）年。</view>
+						<view class="">
+							<view v-if="ques[bankIndex] ">
+								<view v-for="(item, index) in bank" :key="index" 
+									 
+									class="lisSty">
+									<view :class="{right:(item.value == ques[bankIndex]) && (ques[bankIndex] == ans[bankIndex]),wrong:(item.value == ques[bankIndex]) && (ques[bankIndex] != ans[bankIndex])}" class="activeTI">{{ ast[index] }}</view>
+									{{ item.label }}
+								</view>
+							</view>
+							<view v-if="!ques[bankIndex]">
+								<view v-for="(item, index) in bank" :key="index" @click="click" :data-value="item.value" class="lisSty">
+									<text class="activeTI">{{ ast[index] }}</text>
+									{{ item.label }}
+								</view>
+							</view>
+							
+						</view>
+					</view>
+					<view v-if="ques[bankIndex]">
+						<view class="pad_8 answer">
+							<view>正确答案：{{ans[bankIndex]}}</view>
+							<view>我的答案：{{ques[bankIndex]}}</view>
+						</view>
+						<view class="pad_8 answerInfos">
+							<view class="answerTitle">答案解析</view>
+							<view class="answerContent">
+								建造师执业资格注册有效期一般为3年，有效期满前3个月，持证者应到原注册管理机构办理再次注册手续。在注册有效期内，变更执业单位者，应当及时办理变更手续。
+							</view>
+						</view>
+					</view>
+					
+				</view>
+			</swiper-item>
+		</swiper>
+		
+		<view class="footer_btn">
+			<view @click="collect">收藏</view>
+			<view @click="openFooterTab">答题卡</view>
+			<view @click="submit">交卷</view>
+		</view>
+		<u-popup v-model="show" mode="bottom" border-radius="14" height="680rpx">
+			<view class="popupView">
+				<view class="popupTops">
+					<view class="topIcon"></view>
+					点击编号即可跳转至对应题目
+				</view>
+				<view class="popupContent">
+					<scroll-view scroll-y="true" style="height: 506rpx;">
+						<view class="boxSty">
+							<view v-for="(item, index) in 10" :key="index" :data-index="index" @click="changeIndex" :class="{disabled:index>=5}" class="liListSty">{{ index + 1 }}</view>
+						</view>
+					</scroll-view>
+				</view>
+			</view>
+		</u-popup>
+	</view>
+</template>
+
+<script>
+export default {
+	data() {
+		return {
+			current:0,
+			ast: ['A', 'B', 'C', 'D',],
+			ans:[1,2,3,4,1],
+			ques:['','','','',''],
+			show: false,
+			bankList: [
+				[
+					{
+						label: '1',
+						value: 1
+					},
+					{
+						label: '2',
+						value: 2
+					},
+					{
+						label: '3',
+						value: 3
+					},
+					{
+						label: '4',
+						value: 4
+					}
+				],
+				[
+					{
+						label: '5',
+						value: 1
+					},
+					{
+						label: '6',
+						value: 2
+					},
+					{
+						label: '7',
+						value: 3
+					},
+					{
+						label: '8',
+						value: 4
+					}
+				],
+				[
+					{
+						label: '9',
+						value: 1
+					},
+					{
+						label: '10',
+						value: 2
+					},
+					{
+						label: '11',
+						value: 3
+					},
+					{
+						label: '12',
+						value: 4
+					}
+				],
+				[
+					{
+						label: '13',
+						value: 1
+					},
+					{
+						label: '14',
+						value: 2
+					},
+					{
+						label: '15',
+						value: 3
+					},
+					{
+						label: '17',
+						value: 4
+					}
+				],
+				[
+					{
+						label: '18',
+						value: 1
+					},
+					{
+						label: '19',
+						value: 2
+					},
+					{
+						label: '21',
+						value: 3
+					},
+					{
+						label: '22',
+						value: 4
+					}
+				]
+			]
+		};
+	},
+	methods: {
+		openFooterTab() {
+			this.show = true;
+		},
+		changeIndex(e) {
+			let index = e.currentTarget.dataset.index
+			if(index >= 5) {
+				uni.showToast({
+				    title: '返回详情购买后即可继续',
+				    duration: 2000,
+					icon:'none'
+				});
+				return;
+			}
+			
+			this.current = e.currentTarget.dataset.index
+		},
+		
+		swiperChange(e) {
+			this.current = e.detail.current;
+		},
+		
+		submit() {
+			uni.showToast({
+			    title: '不能试做返回详情购买后即可交卷~',
+			    duration: 2000,
+				icon:'none'
+			});
+			return;
+		},
+		
+		collect() {
+			uni.showToast({
+			    title: '返回详情购买后即可收藏~',
+			    duration: 2000,
+				icon:'none'
+			});
+			return;
+		},
+		
+		click(e) {
+			if(this.ques[this.current]) return;
+			let value = e.currentTarget.dataset.value;
+			this.ques[this.current] = value;
+			this.ques = Object.assign({},this.ques)
+			
+		}
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+.swiper {
+	width:100%;
+	height:100vh;
+}
+.lisSty {
+	margin-bottom: 16rpx;
+	
+}
+.activeTI {
+	vertical-align: middle;
+	display: inline-block;
+	border: 1rpx solid #eee;
+	border-radius: 50rpx;
+	height: 48rpx;
+	line-height: 46rpx;
+	text-align: center;
+	width: 48rpx;
+	margin-right: 15rpx;
+	color: #666;
+	font-size: 30rpx;
+	
+	
+	&.right {
+		color:#fff;
+		background:green;
+	}
+	
+	&.wrong {
+		color:#fff;
+		background:red;
+	}
+}
+.titles {
+	margin-bottom: 24rpx;
+}
+.titBox {
+	padding: 41rpx 25rpx 24rpx 25rpx;
+}
+.firstLetter {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	margin-bottom: 30rpx;
+	.leftLetters {
+		display: flex;
+		align-items: center;
+		width: 220rpx;
+		.btnType {
+			padding: 5rpx 10rpx;
+			border: 1rpx solid #007aff;
+			border-radius: 10rpx;
+			background-color: rgba(0, 122, 255, 0.1);
+			font-size: 28rpx;
+			color: #007aff;
+			margin-right: 15rpx;
+		}
+	}
+}
+.popupView {
+	height: 100%;
+	padding-bottom: 100rpx;
+	.popupTops {
+		height: 77rpx;
+		border-bottom: 1rpx solid #eee;
+		text-align: center;
+		line-height: 77rpx;
+		font-size: 24rpx;
+		color: #999;
+		position: relative;
+		.topIcon {
+			position: absolute;
+			top: 10rpx;
+			left: 50%;
+			transform: translateX(-50%);
+			width: 80rpx;
+			height: 8rpx;
+			background-color: #999;
+			border-radius: 4rpx;
+		}
+	}
+	.popupContent {
+	}
+}
+.pageContent {
+	background-color: #eaeef1;
+	min-height: 100vh;
+	padding-top: 8rpx;
+	padding-bottom: 100rpx;
+}
+.pad_8 {
+	background-color: #fff;
+	margin: 0rpx 8rpx 8rpx;
+	border-radius: 16rpx;
+}
+.answer {
+	height: 80rpx;
+	line-height: 80rpx;
+	padding: 0rpx 24rpx;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	color: #666;
+	font-size: 30rpx;
+}
+.footer_btn {
+	background-color: #fff;
+	z-index: 10078;
+	position: fixed;
+	bottom: 0rpx;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	width: 100%;
+	height: 98rpx;
+	padding: 0rpx 38rpx;
+	border-top: 1rpx solid #eee;
+}
+.boxSty {
+	padding: 44rpx 41rpx 0rpx;
+}
+.liListSty {
+	width: 88rpx;
+	height: 88rpx;
+	border-radius: 32rpx;
+	background-color: #ff3b30;
+	text-align: center;
+	line-height: 88rpx;
+	color: #fff;
+	font-size: 32rpx;
+	float: left;
+	margin: 20rpx 23rpx;
+	
+	&.disabled {
+		border:1rpx solid #EEEEEE;
+		color:#EEEEEE;
+		background: none;
+	}
+}
+.answerInfos {
+	padding: 25rpx 25rpx 25rpx 23rpx;
+}
+.answerTitle {
+	margin-bottom: 28rpx;
+	color: #666;
+	font-size: 30rpx;
+}
+.answerContent {
+	font-size: 30rpx;
+	color: #666;
+}
+</style>

pages2/bank/question_record.vue

@@ -0,0 +1,423 @@
+<template>
+	<view>
+		<view class="tabs">
+			<view class="tab" :class="{active:index==1}" data-index="1" @click="tab">全部题库记录</view>
+			<view class="tab" :class="{active:index==2}" data-index="2" @click="tab">全部试卷类型</view>
+		</view>
+		
+		<view class="record">
+			<view class="item">
+				<view class="note">真题</view>
+				<view class="title">试卷名称可换行我也不知道最多多少个字试卷名称可换行我也不知道最多多少个字</view>
+				<view class="desc">
+					<view>
+						<image src="/static/icon/wk_icon2.png"></image>
+						<text>2021/12/20  14:30</text>
+					</view>
+					<view>
+						<image src="/static/icon/wk_icon2.png"></image>
+						<text>总共 95 题 做对 0 题</text>
+					</view>
+				</view>
+				<view class="btns">
+					<view class="btn">
+						重做
+					</view>
+					<view class="btn">
+						解析
+					</view>
+					<view class="btn">
+						报告
+					</view>
+				</view>
+			</view>
+			
+			<view class="item">
+				<view class="note">真题</view>
+				<view class="title">试卷道最多多少个字</view>
+				<view class="desc">
+					<view>
+						<image src="/static/icon/wk_icon2.png"></image>
+						<text>2021/12/20  14:30</text>
+					</view>
+					<view>
+						<image src="/static/icon/wk_icon2.png"></image>
+						<text>总共 95 题 做对 0 题</text>
+					</view>
+				</view>
+				<view class="btns">
+					<view class="btn">
+						重做
+					</view>
+					<view class="btn">
+						解析
+					</view>
+					<view class="btn">
+						报告
+					</view>
+				</view>
+			</view>
+			<view class="item">
+				<view class="note">真题</view>
+				<view class="title">试卷名称可换行我也不知道最多多少个字试卷名称可换行我也不知道最多多少个字</view>
+				<view class="desc">
+					<view>
+						<image src="/static/icon/wk_icon2.png"></image>
+						<text>2021/12/20  14:30</text>
+					</view>
+					<view>
+						<image src="/static/icon/wk_icon2.png"></image>
+						<text>总共 95 题 做对 0 题</text>
+					</view>
+				</view>
+				<view class="btns">
+					<view class="btn">
+						重做
+					</view>
+					<view class="btn">
+						解析
+					</view>
+					<view class="btn">
+						报告
+					</view>
+				</view>
+			</view>
+			
+			<view class="item">
+				<view class="note">真题</view>
+				<view class="title">试卷道最多多字</view>
+				<view class="desc">
+					<view>
+						<image src="/static/icon/wk_icon2.png"></image>
+						<text>2021/12/20  14:30</text>
+					</view>
+					<view>
+						<image src="/static/icon/wk_icon2.png"></image>
+						<text>总共 95 题 做对 0 题</text>
+					</view>
+				</view>
+				<view class="btns">
+					<view class="btn">
+						重做
+					</view>
+					<view class="btn">
+						解析
+					</view>
+					<view class="btn">
+						报告
+					</view>
+				</view>
+			</view>
+			<view class="item">
+				<view class="note">真题</view>
+				<view class="title">试卷名称可换行我也不知道最多多少个字试卷名称可换行我也不知道最多多少个字试卷名称可换行我也不知道最多多少个字</view>
+				<view class="desc">
+					<view>
+						<image src="/static/icon/wk_icon2.png"></image>
+						<text>2021/12/20  14:30</text>
+					</view>
+					<view>
+						<image src="/static/icon/wk_icon2.png"></image>
+						<text>总共 95 题 做对 0 题</text>
+					</view>
+				</view>
+				<view class="btns">
+					<view class="btn">
+						重做
+					</view>
+					<view class="btn">
+						解析
+					</view>
+					<view class="btn">
+						报告
+					</view>
+				</view>
+			</view>
+			
+			<view class="item">
+				<view class="note">真题</view>
+				<view class="title">试卷道最多多少个字</view>
+				<view class="desc">
+					<view>
+						<image src="/static/icon/wk_icon2.png"></image>
+						<text>2021/12/20  14:30</text>
+					</view>
+					<view>
+						<image src="/static/icon/wk_icon2.png"></image>
+						<text>总共 95 题 做对 0 题</text>
+					</view>
+				</view>
+				<view class="btns">
+					<view class="btn">
+						重做
+					</view>
+					<view class="btn">
+						解析
+					</view>
+					<view class="btn">
+						报告
+					</view>
+				</view>
+			</view>
+			<view class="item">
+				<view class="note">真题</view>
+				<view class="title">试卷名称可换行我也不知道最多多少个字</view>
+				<view class="desc">
+					<view>
+						<image src="/static/icon/wk_icon2.png"></image>
+						<text>2021/12/20  14:30</text>
+					</view>
+					<view>
+						<image src="/static/icon/wk_icon2.png"></image>
+						<text>总共 95 题 做对 0 题</text>
+					</view>
+				</view>
+				<view class="btns">
+					<view class="btn">
+						重做
+					</view>
+					<view class="btn">
+						解析
+					</view>
+					<view class="btn">
+						报告
+					</view>
+				</view>
+			</view>
+			
+			<view class="item">
+				<view class="note">真题</view>
+				<view class="title">试卷道最多多少个字</view>
+				<view class="desc">
+					<view>
+						<image src="/static/icon/wk_icon2.png"></image>
+						<text>2021/12/20  14:30</text>
+					</view>
+					<view>
+						<image src="/static/icon/wk_icon2.png"></image>
+						<text>总共 95 题 做对 0 题</text>
+					</view>
+				</view>
+				<view class="btns">
+					<view class="btn">
+						重做
+					</view>
+					<view class="btn">
+						解析
+					</view>
+					<view class="btn">
+						报告
+					</view>
+				</view>
+			</view>
+		</view>
+		
+		
+		<view class="modal" v-if="index==1">
+			<view class="content">
+				<view class="top">全部题库记录</view>
+				<view class="list">
+					<view class="item">试卷名称可换行并完整显示</view>
+					<view class="item">试卷名称可换行并完整显示</view>
+					<view class="item">试卷名称可换行并完整显示</view>
+					<view class="item">试卷名称单行卡片变小</view>
+				</view>
+			</view>
+			<view class="modal_wrap" @click="index=0"></view>
+		</view>
+		
+		<view class="modal" v-if="index==2">
+			<view class="content">
+				<view class="top">全部试卷类型</view>
+				<view class="list">
+					<view class="item">模拟卷</view>
+					<view class="item">真题</view>
+					<view class="item">练习</view>
+				</view>
+			</view>
+			<view class="modal_wrap" @click="index=0"></view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				index:0,
+			}
+		},
+		onLoad(option) {
+			// this.getDict()
+		},
+		onShow(){
+			
+		},
+		methods: {
+			tab(e) {
+				this.index = e.currentTarget.dataset.index;
+			}
+		},
+		
+	}
+</script>
+<style >
+	page {
+			background: #EAEEF1;
+		}
+</style>
+<style lang="scss" scope>
+	
+	.tabs {
+		position:fixed;
+		left:0;
+		width:100%;
+		top:0;
+		display: flex;
+		z-index: 10;
+		.tab {
+			flex:1;
+			height: 80rpx;
+			text-align: center;
+			line-height: 80rpx;
+			background: #FFFFFF;
+			font-size: 32rpx;
+			color: #999999;
+			
+			&.active {
+				color:#333333;
+			}
+		}
+	}
+	
+	.record {
+		margin-top:80rpx;
+		padding:16rpx 8rpx;
+		-moz-column-count:2; /* Firefox */
+		-webkit-column-count:2; /* Safari 和 Chrome */
+		column-count:2;
+		-moz-column-gap: 16rpx;
+		-webkit-column-gap: 16rpx;
+		column-gap: 16rpx;
+		.item {
+			margin-bottom:16rpx;
+			-moz-page-break-inside: avoid;
+			-webkit-column-break-inside: avoid;
+			break-inside: avoid;
+			background: #FFFFFF;
+			border-radius: 16rpx;
+			padding:65rpx 20rpx 22rpx;
+			position: relative;
+			overflow: hidden;
+			
+			.note {
+				color:#fff;
+				position:absolute;
+				left:0;
+				top:0;
+				width: 112rpx;
+				height: 40rpx;
+				text-align: center;
+				line-height: 40rpx;
+				background: linear-gradient(0deg, #4FACFE, #007AFF);
+				border-radius: 16rpx 0px 16rpx 0rpx;
+			}
+			
+			.title {
+				font-size: 32rpx;
+				color: #333333;
+				font-weight: bold;
+			}
+			
+			.desc {
+				margin-top:26rpx;
+				view {
+					margin:16rpx 0;
+					
+					image {
+						width: 23rpx;
+						height: 24rpx;
+					}
+					
+					text {
+						margin-left:15rpx;
+						font-size: 24rpx;
+						color: #999999;
+						line-height: 36rpx;
+					}
+				}
+			}
+			
+			.btns {
+				margin-top:26rpx;
+				display: flex;
+				justify-content: space-around;
+				.btn {
+					width: 100rpx;
+					height: 48rpx;
+					line-height: 48rpx;
+					text-align: center;
+					color:#007AFF;
+					background: #FFFFFF;
+					border: 1rpx solid #007AFF;
+					border-radius: 16rpx;
+				}
+			}
+		}
+	}
+	
+	.modal {
+		position:fixed;
+		left:0;
+		width:100%;
+		top:80rpx;
+		bottom:0;
+		
+		.content {
+			position: relative;
+			z-index: 10;
+			background:#fff;
+			padding:8rpx 12rpx 20rpx;
+			display: flex;
+			flex-wrap: wrap;
+			
+			.top {
+				margin:0 auto;
+				width: 726rpx;
+				height: 80rpx;
+				background: #007AFF;
+				border-radius: 16rpx;
+				color:#fff;
+				text-align: center;
+				line-height: 80rpx;
+				font-size: 32rpx;
+			}
+			
+			.list {
+				margin-top:16rpx;
+				display: flex;
+				flex-wrap: wrap;
+				justify-content: space-between;
+				
+				.item {
+					padding:25rpx 20rpx;
+					width: 359rpx;
+					background: #F5F5F5;
+					border-radius: 16rpx;
+					font-size: 32rpx;
+					color: #666666;
+					margin:8rpx 0;
+				}
+			}
+		}
+		
+		.modal_wrap {
+			position: absolute;
+			left:0;
+			width:100%;
+			top:0;
+			height:100%;
+			background:rgba(0,0,0,0.3)
+		}
+	}
+</style>

pages2/wd/question_bank.vue

@@ -1,6 +1,32 @@
 <template>
-	<view style="padding: 30rpx;">
-		
+	<view style="padding: 32rpx;">
+		<navigator url="/pages2/bank/my_question">
+			<view class="my_question">
+					<view class="flex">
+						<view class="text">我的题库></view>
+						<image src="/static/icon/my_icon7.png" class="my_icon"></image>
+					</view>
+			</view>
+		</navigator>
+		<view class="bottom">
+			<view class="item collect">
+				<view class="text">收藏集></view>
+				<image class="img" src="/static/sc.png"></image>
+			</view>
+			<view class="item list">
+				<navigator url="/pages2/bank/question_record">
+					<view class="list-in">
+						<image class="img" src="/static/icon/wk_icon2.png" ></image>
+						做题记录 >
+					</view>
+				</navigator>
+				
+				<view class="list-in">
+					<image class="img" src="/static/icon/wk_icon2.png"></image>
+					错题集 >
+				</view>
+			</view>
+		</view>
 	</view>
 </template>
 
@@ -27,9 +53,89 @@
 </script>
 <style >
 	page {
-			background: #EAEEF1;
+			background: #fff;
 		}
 </style>
-<style scope>
+<style lang="scss" scope>
+	.my_question {
+		display: flex;
+		width: 686rpx;
+		height: 240rpx;
+		background: linear-gradient(45deg, #015EEA, #00C0FA);
+		border-radius: 24rpx;
+		padding:0 40rpx;
+		
+		.flex {
+			.text {
+				padding-top:32rpx;
+				font-size: 32rpx;
+				font-family: PingFang SC;
+				font-weight: bold;
+				color: #FFFFFF;
+			}
+			
+			.my_icon {
+				margin-top:23rpx;
+				width: 122rpx;
+				height: 132rpx;
+			}
+		}
+		
+		.flex_auto {
+			flex:1;
+			.bg {
+				width:100%;
+			}
+		}
+	}
+	
+	.bottom {
+		margin-top:16rpx;
+		display: flex;
+		justify-content: space-between;
+		.item {
+			width: 335rpx;
+			
+			&.collect {
+				font-size: 32rpx;
+				color: #FFFFFF;
+				height: 240rpx;
+				background: linear-gradient(45deg, rgba(255, 177, 2, 0.75), rgba(255, 84, 79, 0.75));
+				border-radius: 24rpx;
+				padding:32rpx;
+				
+				.img {
+					width: 125rpx;
+					height: 126rpx;
+					opacity: 0.4;
+				}
+			}
+			
+			&.list {
+				.list-in {
+					width: 335rpx;
+					height: 112rpx;
+					background: #007AFF;
+					border-radius: 24rpx;
+					display: flex;
+					align-items: center;
+					justify-content: center;
+					font-size: 32rpx;
+					color: #fff;
+					
+					&:first-of-type {
+						margin-bottom:16rpx;
+					}
+					
+					.img {
+						width: 32rpx;
+						height: 32rpx;
+						opacity: 0.8;
+						margin-right:17rpx;
+					}
+				}
+			}
+		}
+	}
 	
 </style>

wxcomponents/verify_mpsdk/project.config.json

@@ -0,0 +1,69 @@
+{
+  "description": "项目配置文件",
+  "packOptions": {
+    "ignore": []
+  },
+  "setting": {
+    "bundle": false,
+    "userConfirmedBundleSwitch": false,
+    "urlCheck": true,
+    "scopeDataCheck": false,
+    "coverView": true,
+    "es6": true,
+    "postcss": true,
+    "compileHotReLoad": false,
+    "lazyloadPlaceholderEnable": false,
+    "preloadBackgroundData": false,
+    "minified": true,
+    "autoAudits": false,
+    "newFeature": false,
+    "uglifyFileName": false,
+    "uploadWithSourceMap": true,
+    "useIsolateContext": true,
+    "nodeModules": false,
+    "enhance": true,
+    "useMultiFrameRuntime": true,
+    "useApiHook": true,
+    "useApiHostProcess": true,
+    "showShadowRootInWxmlPanel": true,
+    "packNpmManually": false,
+    "enableEngineNative": false,
+    "packNpmRelationList": [],
+    "minifyWXSS": true,
+    "showES6CompileOption": false,
+    "minifyWXML": true
+  },
+  "compileType": "miniprogram",
+  "libVersion": "2.17.0",
+  "appid": "wxfde43fb55c186822",
+  "projectname": "miniprogram-1",
+  "debugOptions": {
+    "hidedInDevtools": []
+  },
+  "scripts": {},
+  "staticServerOptions": {
+    "baseURL": "",
+    "servePath": ""
+  },
+  "isGameTourist": false,
+  "condition": {
+    "search": {
+      "list": []
+    },
+    "conversation": {
+      "list": []
+    },
+    "game": {
+      "list": []
+    },
+    "plugin": {
+      "list": []
+    },
+    "gamePlugin": {
+      "list": []
+    },
+    "miniprogram": {
+      "list": []
+    }
+  }
+}