diff --git a/manifest.json b/manifest.json
index 4f69fa7..d222dcc 100644
--- a/manifest.json
+++ b/manifest.json
@@ -12,8 +12,8 @@
             "src" : "图片路径"
         }
     ],
-    "versionName" : "1.2.18",
-    "versionCode" : 1218,
+    "versionName" : "1.2.23",
+    "versionCode" : 1223,
     "app-plus" : {
         "compatible" : {
             "ignoreVersion" : true
diff --git a/pages.json b/pages.json
index aeb19e6..808ca3a 100644
--- a/pages.json
+++ b/pages.json
@@ -516,6 +516,13 @@
 				"navigationBarTitleText": "五运六气",
 				"enablePullDownRefresh": false
 			}
+		},
+		{
+			"path": "pages/classic/classic",
+			"style": {
+				"navigationBarTitleText": "国学经典",
+				"enablePullDownRefresh": false
+			}
 		}
 	],
 	"globalStyle": {
diff --git a/pages/classic/classic.vue b/pages/classic/classic.vue
new file mode 100644
index 0000000..6b72793
--- /dev/null
+++ b/pages/classic/classic.vue
@@ -0,0 +1,518 @@
+<template>
+	<view class="container">
+		<z-nav-bar title="经典查阅"></z-nav-bar>
+		<view>
+			<view class="home_bg">
+				<view class="icon_hua">
+					<image src="../../static/icon/home_icon_3.png" mode="aspectFit" class="icon_hua_1"></image>
+				</view>
+				<view class="hehan">
+					<image src="../../static/icon/hehan.png" mode="aspectFit" class="icon_hua_1"></image>
+				</view>
+				<!-- 	<view class="search_box flexbox" @click="onPageJump('../peanut/searchFor')">
+					<view class="search">
+						<text class="icon_search"></text>
+						<text class="prompt">请输入书名</text>
+					</view>
+				</view> -->
+			</view>
+			<view class="mytabs">
+				<view :class="['item','item1', contentShow == 1 ? 'active' :'']" @click="TabData(1)">
+					中医经典
+				</view>
+				<view :class="['item','item2', contentShow == 2 ? 'active' :'']" @click="TabData(2)">
+					国学经典
+				</view>
+			</view>
+
+
+			<view class="listenList">
+				<view class="" v-if="bookList.length > 0">
+					<u-row gutter="16" justify="flex-start">
+						<u-col span="12" v-for="(item,index) in bookList" :key="index">
+							<view>
+								<view class="flexbox yigoumaiList">
+									<view class="info">
+										<view class="videoBox demo-layout bg-purple">
+											<image v-if="item.images != '' && item.images != null" :src="item.images"
+												mode="scaleToFill"></image>
+											<image v-else src="../../static/icon/wufeng.jpg" mode="scaleToFill"></image>
+										</view>
+									</view>
+									<view class="btns">
+										<view class="text">
+											<view class="bookName">{{item.name}}</view>
+											<!-- <view class="author">												
+													作者：<text v-if="item.authorName == null || item.authorName == ''">暂无</text>
+													<text v-else>{{item.authorName}}</text>
+												</view> -->
+										</view>
+
+										<view class="flexbox icons">
+											<!-- 	<view class="item ">
+												<view @click="goRead(item)">
+													<image src="../../static/icon/home6.png" mode="aspectFit"></image>
+												</view>
+												<view class="v1"><text>读 书</text></view>
+											</view> -->
+											<view class="item ">
+												<view v-if="item.clockIn != null && item.clockIn != 2"
+													@click="goDaKa(item)">
+													<image src="../../static/icon/home1.png" mode="aspectFit"></image>
+												</view>
+												<view v-else @click="noOp()">
+													<image class="gray" src="../../static/icon/home1.png"
+														mode="aspectFit"></image>
+												</view>
+												<view class="v1"><text>打 卡</text></view>
+											</view>
+											<view class="item ">
+												<view v-if="item.canListen" @click="goToListenFree(item)">
+													<image src="../../static/icon/home2.png" mode="aspectFit"></image>
+												</view>
+												<view v-else @click="noOp()">
+													<image class="gray" src="../../static/icon/home2.png" mode="aspectFit"></image>
+												</view>
+												<view class="v1"><text>听 书</text></view>
+											</view>
+											<!-- <view class="item " @click="goPingshu(item)">
+												<view class="">
+													<image src="../../static/icon/home3.png" mode="aspectFit"></image>
+												</view>
+												<view class="v1"><text>书 评</text></view>
+											</view>
+											<view class="item ">
+												<view class="" v-if="item.teachIn != null && item.teachIn != 0"
+													@click="goJiangShu(item)">
+													<image src="../../static/icon/home4.png" mode="aspectFit"></image>
+												</view>
+												<view class="" v-else @click="noOp()">
+													<image class="gray" src="../../static/icon/home4.png"
+														mode="aspectFit"></image>
+												</view>
+												<view class="v1">
+													<text>讲 书</text>
+												</view>
+											</view> -->
+										</view>
+									</view>
+								</view>
+
+							</view>
+						</u-col>
+					</u-row>
+					<view>
+						<view v-if="status==0" style="text-align: center;">
+							<u-loading-icon style="display: inline-block;"></u-loading-icon>
+							<font style='vertical-align: super;margin-left: 10px;font-size: 26rpx;color: #909399;'>努力加载中
+							</font>
+						</view>
+						<view v-if="status==1">
+							<u-divider text="全部加载完成"></u-divider>
+						</view>
+					</view>
+				</view>
+				<u-divider v-else text="暂无经典查阅图书~"></u-divider>
+			</view>
+
+
+
+		</view>
+
+
+		<!-- 公共组件-每个页面必须引入 -->
+		<public-module></public-module>
+		<z-navigation></z-navigation>
+	</view>
+</template>
+
+<script>
+	import $http from '@/config/requestConfig.js';
+	import {
+		mapState
+	} from 'vuex';
+
+	export default {
+		data() {
+			return {
+				searchValue: '',
+				contentShow: 1,
+				page: 1,
+				totalPage: 1,
+				status: 3,
+				bookList: [],
+			}
+		},
+		onLoad() {
+			this.getData()
+		},
+
+		onHide() {
+			this.page = 1
+		},
+		onPullDownRefresh() {
+			console.log('下拉刷新了')
+			// this.contentShow = 1
+			this.page = 1
+			this.getData()
+			uni.stopPullDownRefresh();
+		},
+		onReachBottom() {
+			// this.loadingNow = true
+			console.log('到底了')
+			if (this.page + 1 <= this.totalPage) {
+				this.page++
+				this.getData()
+			} else {
+				this.status = 1
+			}
+		},
+		computed: {
+			...mapState(['userInfo'])
+		},
+		methods: {
+			// 获取数据列表
+			getData() {
+				this.bookList=[]
+				$http.request({
+					url: "book/book/getClassicsBookList",
+					method: "POST", // POST、GET、PUT、DELETE，具体说明查看官方文档
+					data:{
+						'bookType': this.contentShow,
+						'page': this.page,
+						'limit': 10
+					},
+					header: { //默认 无 说明：请求头
+						'Content-Type': 'application/json'
+					},
+				}).then(res => {
+					if (res.code == 0) {
+						console.log(res, '获取经典查阅书籍')
+						if (res.page.records.length > 0) {
+							this.bookList = this.bookList.concat(res.page.records)
+							this.totalPage = res.page.pages
+							if (this.page == this.totalPage) {
+								this.status = 1
+							} else {
+								this.status = 3
+							}
+						}
+					}
+				
+				});
+				
+			},
+
+
+			// 搜索
+			checkDisable() {
+
+			},
+
+			searchList(res) {
+				console.log(res, 'res')
+				// uni.showToast({
+				// 	title: '搜索：' + res,
+				// 	icon: 'none'
+				// })
+				if (res == '') {
+					this.showSearchList = false
+					this.searchList = []
+				} else {
+					this.getSearch()
+				}
+
+			},
+			inputBook(res) {
+				console.log('----input:', res)
+				if (res == '') {
+					this.searchList = []
+				} else {
+					this.getSearch()
+				}
+			},
+			clearBook(res) {
+				console.log('----clear:', res)
+				// uni.showToast({
+				// 	title: 'clear事件，清除值为：',
+				// 	icon: 'none'
+				// })
+				this.searchValue = ''
+				this.showSearchList = false
+			},
+			blurBook(res) {
+				// console.log('----blur:', res)
+				// if (res == '') {
+				// 	this.showSearchList = false
+				// 	this.searchList = []
+				// } else {
+				// 	this.getSearch()
+				// }
+			},
+			focusBook(e) {
+				console.log('----focus:')
+				// uni.showToast({
+				// 	title: 'focus事件，输出值为：' + e.value,
+				// 	icon: 'none'
+				// })
+				// 等于1 就是有权限
+				// this.showSearchList = true
+
+			},
+
+
+			// 切换
+			TabData(e) {
+				this.contentShow = e
+				this.getData()
+			},
+
+
+			// 读书
+			goRead(e) {
+
+			},
+
+			// 跳转到打卡
+			goDaKa(val) {
+				uni.navigateTo({
+					url: '../clock/clock?bookid=' + val.id
+				})
+			},
+			// 跳转到听书详情
+			goToListenFree(item) {
+				// console.log(item,'item')								
+				uni.navigateTo({
+					url: "../listen/listen?bookid=" + item.id // 前台播放版本
+				});
+			},
+			// 点不过去的
+			noOp(){
+				uni.showToast({
+					title:'该书未开通此功能',
+					icon:'none'
+				})
+			},
+		},
+
+		components: {
+
+		},
+	}
+</script>
+
+<style lang="scss" scoped>
+	* {
+		font-size: 28rpx;
+	}
+
+	.flexbox {
+		display: flex;
+	}
+
+	.u-row {
+		flex-wrap: wrap;
+	}
+
+	.u-col {
+		overflow: hidden;
+		margin-bottom: 30rpx;
+		overflow: hidden;
+	}
+
+	uni-image {
+		width: auto !important;
+		height: 350rpx;
+	}
+
+	.home_bg {
+		background-image: url('../../static/icon/home_bg.jpg');
+		background-position: center center;
+		background-repeat: no-repeat;
+		background-size: cover;
+		padding: 20rpx;
+		position: relative;
+
+		// margin-bottom:60rpx;
+		// height: 400rpx; margin-bottom: 130rpx;
+		.icon_hua_1 {
+			// margin: 0 auto;
+			width: 100%;
+			text-align: center;
+			height: 80rpx;
+			margin-bottom: 20rpx;
+
+			image {
+				width: 150rpx;
+				height: 80rpx;
+			}
+		}
+
+		.icon_hua {
+			width: 100%;
+			text-align: center;
+			display: block;
+
+			image {
+				width: 150rpx;
+				height: 150rpx;
+				margin: 0 auto;
+			}
+		}
+
+		.hehan {
+			width: 50%;
+			margin: 0 auto;
+		}
+
+		.search_box {
+			margin: 10rpx auto 0 auto;
+			margin-top: 20rpx;
+			align-items: center;
+			width: calc(100% - 30rpx);
+			margin-top: 0;
+			margin-bottom: 20rpx;
+
+			.search {
+				height: 56upx;
+				display: flex;
+				width: 86%;
+				margin: 0 auto;
+				align-items: center;
+				padding: 0upx 40upx;
+				background-color: #fff;
+				border-radius: 20upx;
+				box-shadow: 0 0px 10px 1px #54a96633;
+			}
+
+			.prompt {
+				color: #838383;
+				font-size: 24rpx;
+
+			}
+
+			.icon_search {
+				background-image: url('@/static/icon/map_ic_search.png');
+				background-position: center center;
+				background-repeat: no-repeat;
+				background-size: cover;
+				width: 36upx;
+				height: 36upx;
+				margin-right: 20upx;
+			}
+		}
+
+
+	}
+
+
+	.mytabs {
+		margin: 30rpx auto 30rpx auto;
+		height: 80rpx;
+		padding: 0 20rpx;
+		display: flex;
+
+		.item {
+			border-radius: 10rpx;
+			background-color: #c6ead0;
+			width: 48%;
+			// margin: 0 10rpx;
+			text-align: center;
+			color: #3c7f56;
+			font-size: 36rpx;
+			line-height: 80rpx;
+		}
+
+		.item.active {
+			background-color: #3c7f56;
+			color: #fff;
+		}
+
+		.item1 {
+			margin-right: 20rpx;
+		}
+	}
+
+
+	.listenList {
+		padding: 0 20rpx;
+		box-sizing: border-box;
+		width: calc(100% - 10rpx);
+
+
+
+		.yigoumaiList {
+			background-color: #fff;
+
+			.btns {
+				margin-left: 20rpx;
+				width: calc(100% - 200rpx);
+				box-sizing: border-box;
+				font-size: 34rpx;
+				justify-content: space-between;
+
+				.item {
+					margin-bottom: 30rpx;
+					width: 20%;
+					text-align: center;
+
+					image {
+						display: block;
+						height: 108rpx;
+					}
+
+					.v1 {
+						margin-top: -10rpx;
+					}
+				}
+			}
+
+			.author {
+				font-size: 28rpx;
+				color: #999;
+			}
+
+			.info {
+				width: 200rpx;
+
+				image {
+					width: 100%;
+					height: 280rpx;
+					border-radius: 20rpx;
+				}
+			}
+
+			.icons {
+				margin-top: 10rpx;
+
+				text {
+					font-size: 26rpx;
+					margin-top: -10rpx;
+					color: #999;
+				}
+			}
+
+
+			.bookName {
+				margin-top: 10rpx;
+				display: block;
+				white-space: nowrap;
+				// font-weight: bold;
+				overflow-x: hidden;
+				text-overflow: ellipsis;
+				font-size: 30rpx;
+				color: #333;
+				padding: 10rpx 0;
+			}
+		}
+	}
+	
+	.gray {
+	    -webkit-filter: grayscale(100%);   
+	    -moz-filter: grayscale(100%);   
+	    -ms-filter: grayscale(100%);   
+	    -o-filter: grayscale(100%);     
+	    filter: grayscale(100%);
+	    filter: gray; 
+	}
+</style>
\ No newline at end of file
diff --git a/pages/library/library.vue b/pages/library/library.vue
index 2cbe13f..43653bc 100644
--- a/pages/library/library.vue
+++ b/pages/library/library.vue
@@ -11,12 +11,12 @@
 				<view class="hehan">
 					<image src="../../static/icon/hehan.png" mode="aspectFit" class="icon_hua_1"></image>
 				</view>
-				<view class="search_box flexbox" @click="onPageJump('../peanut/searchFor')">
+			<!-- 	<view class="search_box flexbox" @click="onPageJump('../peanut/searchFor')">
 					<view class="search">
 						<text class="icon_search"></text>
 						<text class="prompt">请输入书名</text>
 					</view>
-				</view>
+				</view> -->
 				<!-- <view class="searBtn flexbox">
 					<text>搜索</text>
 				</view> -->
diff --git a/pages/peanut/home.vue b/pages/peanut/home.vue
index 4e34d04..0029573 100644
--- a/pages/peanut/home.vue
+++ b/pages/peanut/home.vue
@@ -19,6 +19,10 @@
 					<div class="item item1" @click="onPageJump('../prescript/prescript')">
 						<image src="../../static/icon/five2.png" mode="aspectFit"></image>
 						<text>方剂检索</text>
+					</div>
+					<div class="item item1" @click="onPageJump('../classic/classic')">
+						<image src="../../static/icon/five7.png" mode="aspectFit"></image>
+						<text>经典查阅</text>
 					</div>
 					 <div class="item item1">
 					<div class="item item1" @click="onPageJump('../luck/luck')">
diff --git a/pages/prescript/prescript.vue b/pages/prescript/prescript.vue
index 44cb861..3668902 100644
--- a/pages/prescript/prescript.vue
+++ b/pages/prescript/prescript.vue
@@ -32,52 +32,35 @@
 			</view>
 			<!-- </scroll-view> -->
 			<view v-show="!showSearchList">
-				<view v-if="limiOneFour==0">
-					<view class="grid twoCateList" v-if="twoCateList.length > 0">
-						<u-grid :col="3" border class="u-grid-list">
-							<u-grid-item v-for="(item, index) in twoCateList" :key="item.prescriptCategoryId"
-								@click="setTwoCateIndex(item, index)">
-								<view :class="['grid-text',curTwoCateIndex == index ? 'cur' : '']">{{item.title}}</view>
-							</u-grid-item>
-						</u-grid>
-					</view>
-					<view class="titleList" v-if="curOneCateIndex != 2">
-						<u-grid :col="3" v-if="titleList.length > 0">
-							<u-grid-item v-for="(item, index) in titleList" :key="item.prescriptId"
-								@click="gotoDetail(item)">
-								<view :class="['titleItem']">{{item.title}}</view>
-							</u-grid-item>
-						</u-grid>
-						<u-divider v-else text="暂无方剂数据哦~"></u-divider>
-					</view>
-					<view class="titleList" v-else>
-						<u-grid :col="1" v-if="titleList">
-							<u-grid-item v-for="(item, index) in titleList" :key="index">
-								<view :class="['titleItem']">{{index}}</view>
-								<u-grid-item v-for="(item1, index1) in item" :key="item1.prescriptId">
-									<view :class="['JFtitleItem']" @click="gotoDetail(item1)">{{item1.title}}</view>
-								</u-grid-item>
-							</u-grid-item>
-						</u-grid>
-						<u-divider v-else text="暂无方剂数据哦~"></u-divider>
-					</view>
+				<view class="grid twoCateList" v-if="twoCateList.length > 0">
+					<u-grid :col="3" border class="u-grid-list">
+						<u-grid-item v-for="(item, index) in twoCateList" :key="item.prescriptCategoryId"
+							@click="setTwoCateIndex(item, index)">
+							<view :class="['grid-text',curTwoCateIndex == index ? 'cur' : '']">{{item.title}}</view>
+						</u-grid-item>
+					</u-grid>
 				</view>
-				<view v-else>
-					<view v-if="curOneCateIndex == 0">
-						<text class="limiTy">
-							此功能使用权限仅对同一手机账号注册过一路健康APP，且开通《吴门验方基础班》【上中下】与《吴门验方提高班》【上下】五部课程的疯子读书APP学员开通。
-							<br>如果您符合条件，请联系微信客服开通。
-							<br>客服微信：<b>yilujiankangkefu</b>
-						</text>
-					</view>
-					<view v-if="curOneCateIndex == 3">
-						<text class="limiTy">
-							此功能使用权限仅对在疯子读书APP购买《肿瘤六经辨证法》书籍的学员开通。
-							<br>如果您符合条件，请联系微信客服开通。
-							<br>客服微信：<b>yilujiankangkefu</b>
-						</text>
-					</view>
+				<view class="titleList" v-if="curOneCateIndex != 2">
+					<u-grid :col="1" v-if="titleList.length > 0">
+						<u-grid-item v-for="(item, index) in titleList" :key="item.prescriptId"
+							@click="gotoDetail(item)" style="align-items: flex-start;border-bottom: 2px solid #fff;">
+							<view :class="['titleItem']">{{item.title}}</view>
+						</u-grid-item>
+					</u-grid>
+					<u-divider v-else text="暂无方剂数据哦~"></u-divider>
 				</view>
+				<view class="titleList" v-else>
+					<u-grid :col="1" v-if="titleList">
+						<u-grid-item v-for="(item, index) in titleList" :key="index">
+							<view :class="['titleItem']">{{index}}</view>
+							<u-grid-item v-for="(item1, index1) in item" :key="item1.prescriptId">
+								<view :class="['JFtitleItem']" @click="gotoDetail(item1)">{{item1.title}}</view>
+							</u-grid-item>
+						</u-grid-item>
+					</u-grid>
+					<u-divider v-else text="暂无方剂数据哦~"></u-divider>
+				</view>
+
 			</view>
 		</view>
 
@@ -88,6 +71,22 @@
 				<text class="prompt">请输入方剂名</text>
 			</view>
 		</view> -->
+
+		<u-modal :show="limitShow" :title="limitTitle" :content='limitContent' @confirm="limitShow=false">
+			<view class="limiTy">
+				<view v-if="curOneCateIndex == 0">
+					此功能使用权限仅对同一手机账号注册过一路健康APP，且开通《吴门验方基础班》【上中下】与《吴门验方提高班》【上下】五部课程的疯子读书APP学员开通。
+					<br>如果您符合条件，请联系微信客服开通。
+					<br>客服微信：<b>yilujiankangkefu</b>
+				</view>
+				<view v-if="curOneCateIndex == 3">
+					此功能使用权限仅对在疯子读书APP购买《肿瘤六经辨证法》书籍的学员开通。
+					<br>如果您符合条件，请联系微信客服开通。
+					<br>客服微信：<b>yilujiankangkefu</b>
+				</view>
+			</view>
+		</u-modal>
+
 		<z-navigation></z-navigation>
 	</view>
 </template>
@@ -113,7 +112,9 @@
 				showSearchList: false,
 				userMes: {}, // 用户信息
 				searchDisable: false, // 搜索不可用
-				limiOneFour: 1,
+				limitShow: false,
+				limitTitle: '提示',
+				limitContent: ''
 			}
 		},
 		onLoad() {
@@ -141,7 +142,7 @@
 			// showNoRights() {
 			// 	let that = this
 			// 	uni.showModal({
-			// 		content: "购买 手模 或 脚模 后方可使用此功能",
+			// 		content: "",
 			// 		confirmText: '好的',
 			// 		showCancel: false,
 			// 		success: function(res) {
@@ -160,26 +161,27 @@
 						.post('book/user/info/' + this.userInfo.id)
 						.then(res => {
 							this.userMes = res.user
-							if (this.userMes.prescriptAPower == 1) {
-								this.limiOneFour = 0
-							}
 							this.getCateList()
-							// console.log(this.userMes, '呼呼')
+							console.log(this.userMes, '呼呼')
 						});
 				}
 			},
 			// 方剂详情
 			gotoDetail(item) {
+				if (this.userMes.prescriptAPower == 0 && this.curOneCateIndex == 0) {
+					this.limitShow = true
+					return
+				}
 
-				// if (this.userMes.pointPower == 0 && this.oneCateList[this.curOneCateIndex].prescriptCategoryId == 3 || this.userMes
-				// 	.pointPower == 0 && this.oneCateList[this.curOneCateIndex].prescriptCategoryId == 6) { // 等于0 就是没有权限
-				// 	this.showNoRights()
-				// } else {
+				if (this.userMes.prescriptBPower == 0 && this.curOneCateIndex == 3) {
+					this.limitShow = true
+					return
+				}
 				// 等于1 就是有权限
 				uni.navigateTo({
 					url: "./prescriptDetail?id=" + item.prescriptId
 				})
-				// }
+
 
 			},
 			// 获取方剂名称
@@ -240,16 +242,7 @@
 				this.searchValue = ''
 				this.searchList = []
 				this.showSearchList = false
-				this.limiOneFour = 0
 				if (index != 2) {
-					if (index == 0 && this.userMes.prescriptAPower != 1) {
-						this.limiOneFour = 1
-						return
-					}
-					if (index == 3 && this.userMes.prescriptBPower != 1) {
-						this.limiOneFour = 1
-						return
-					}
 					this.getTowCateList(id)
 				} else {
 					this.getJFList(id)
@@ -562,10 +555,12 @@
 		display: flex;
 	}
 
-	.limiTy {
-		display: block;
-		font-size: 26rpx;
-		line-height: 48rpx;
-		padding: 0 25rpx;
+	.uni-modal .uni-modal__bd {
+		text-align: left;
+	}
+	
+	.limiTy{
+		font-size: 28rpx;
+		line-height: 46rpx;
 	}
 </style>
\ No newline at end of file
diff --git a/pages/prescript/prescriptDetail.vue b/pages/prescript/prescriptDetail.vue
index 4d634f0..027f531 100644
--- a/pages/prescript/prescriptDetail.vue
+++ b/pages/prescript/prescriptDetail.vue
@@ -60,7 +60,6 @@
 				
 				<uni-section class="mb-10" titleFontSize="18px" title="文献" type="line">
 					<view class="item" v-if="prescriptDetail.literature && prescriptDetail.literature != ''" v-html="prescriptDetail.literature">
-						
 					</view>
 					<view class="item" v-else>
 						暂无
diff --git a/pages/talkBook/talkBookDetail.vue b/pages/talkBook/talkBookDetail.vue
index cfb0456..5e5a004 100644
--- a/pages/talkBook/talkBookDetail.vue
+++ b/pages/talkBook/talkBookDetail.vue
@@ -26,6 +26,7 @@
 					</view>
 				</view>
 			</view>
+			
 			<view class="imagesBox flexbox" v-if="swiperImages.length > 0" style="overflow: hidden;">
 				<!-- swiperImages -->
 				<view class="item" v-for="(item, index) in swiperImages" :key="index">
@@ -33,6 +34,14 @@
 				</view>
 
 			</view>
+			<view class="video" v-if="videoUrl != ''">
+				<!-- 视频形式的任务 -->
+				<view class="taskinfo">
+					<video id="myVideo" :poster="poster" :src="videoUrl"
+						@error="videoErrorCallback" controls></video>
+				</view>
+			</view>
+			
 			<view class="content" v-if="talkBookDetail.content != ''" v-html="talkBookDetail.content"></view>
 			<view class="content" v-else></view>
 			<!-- 	<view class="time">
@@ -184,6 +193,10 @@
 				emoji: [],
 				windowWidth: 0,
 				voicesImg: '',
+				videoContext: null,
+				innerAudioContext: null, // 音频对象
+				videoUrl:'',
+				poster: '',
 				isBuy: false,
 				playData: {},
 				teachId: null, // 讲书id
@@ -241,6 +254,11 @@
 			// console.log('onUnload----',this.paused)
 			this.audio.destroy() // 销毁播放器
 		},
+		onReady() {
+			this.videoContext = uni.createVideoContext('myVideo')
+			this.innerAudioContext = uni.createInnerAudioContext();
+			this.innerAudioContext.autoplay = false;
+		},
 		computed: {
 			...mapState(['userInfo'])
 		},
@@ -380,6 +398,8 @@
 							this.audio.onCanplay((e) => {
 								this.duration = this.audio.duration.toFixed() // 初始化进度条和音频秒数
 							})
+							
+							this.videoUrl=res.bookTeach.video
 
 							// this.isBuy = res.book.isBuy
 							// this.freeChapterCount = res.book.freeChapterCount
@@ -664,7 +684,17 @@
 				this.emojiIcon = 'cuIcon-emoji';
 				this.$emit('foc')
 			},
-
+			
+			
+			// 视频
+			videoErrorCallback: function(e) {
+				// uni.showModal({
+				// 	content: e.target.,
+				// 	showCancel: false
+				// })
+			},
+			
+			
 			onReachBottom() {
 				console.log('到底了')
 				if (this.pPage + 1 <= this.pTotal) {
@@ -1012,4 +1042,12 @@
 		display: block;
 		width: 30px;
 	}
+	
+	.video {
+		text-align:center;
+		margin: 30rpx 0;
+		#myVideo{
+			width: 100%;
+		}
+	}
 </style>
\ No newline at end of file
diff --git a/static/icon/five7.png b/static/icon/five7.png
new file mode 100644
index 0000000..7e7dd4a
Binary files /dev/null and b/static/icon/five7.png differ
diff --git a/static/icon/home6.png b/static/icon/home6.png
new file mode 100644
index 0000000..1f6d462
Binary files /dev/null and b/static/icon/home6.png differ