1.13

components/ty-video/ty-video.vue

@@ -0,0 +1,62 @@
+<template>
+	<view class="page u-flex u-row-between">
+		<view class="item" v-for="(item,index) in 20" :key="index">
+			<image src="/static/logo.png" style="width: 334rpx;height: 204rpx;" mode=""></image>
+			<view class="title u-line-1">武忠祥领衔|25考研数学3213</view>
+			<view class="write">齐春峰</view>
+			<view class="money">¥1288.00</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: "ty-video",
+		data() {
+			return {
+
+			};
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.item {
+		margin-top: 24rpx;
+	}
+
+	.page {
+		width: 750rpx;
+		min-height: 70vh;
+		background: #FFFFFF;
+		border-radius: 28rpx 28rpx 0rpx 0rpx;
+		padding: 8rpx 28rpx 34rpx;
+		flex-wrap: wrap;
+	}
+
+	.title {
+		font-size: 28rpx;
+		font-family: PingFangSC, PingFang SC;
+		font-weight: 500;
+		color: #333333;
+		width: 330rpx;
+		height: 40rpx;
+		margin-top: 20rpx;
+	}
+
+	.write {
+		font-size: 24rpx;
+		font-family: PingFangSC, PingFang SC;
+		font-weight: 400;
+		color: #444444;
+		margin-top: 8rpx;
+	}
+
+	.money {
+		font-size: 28rpx;
+		font-family: SFPro, SFPro;
+		font-weight: 500;
+		color: #CC3300;
+		margin-top: 12rpx;
+	}
+</style>

pages.json

@@ -1,6 +1,7 @@
 {
 	"easycom": {
-		"^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue"
+		"^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue",
+		"^ty-(.*)": "@/components/ty-$1/ty-$1.vue"
 	},
 	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
 		{
@@ -71,19 +72,63 @@
 			}
 		},
 		{
-			"path" : "pages/mine/problem",
+			"path": "pages/mine/problem",
+			"style": {
+				"navigationBarTitleText": "常见问题",
+				"enablePullDownRefresh": false
+			}
+		},
+		{
+			"path": "pages/mine/abount",
+			"style": {
+				"navigationBarTitleText": "关于我们",
+				"enablePullDownRefresh": false
+			}
+		},
+		{
+			"path": "pages/index/index-search",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+		},
+		{
+			"path": "pages/index/bookinfo",
+			"style": {
+				"navigationBarTitleText": "书籍详情",
+				"enablePullDownRefresh": false
+			}
+		},
+		{
+			"path": "pages/index/updown",
+			"style": {
+				"navigationBarTitleText": "系列下载",
+				"enablePullDownRefresh": false
+			}
+		},
+		{
+			"path": "pages/index/orderinfo",
+			"style": {
+				"navigationBarTitleText": "订单确认",
+				"enablePullDownRefresh": false
+			}
+		},
+		{
+			"path" : "pages/index/pay/pay",
 			"style" : 
 			{
-				"navigationBarTitleText" : "常见问题",
+				"navigationBarTitleText" : "",
 				"enablePullDownRefresh" : false
 			}
 		},
 		{
-			"path" : "pages/mine/abount",
+			"path" : "pages/success",
 			"style" : 
 			{
-				"navigationBarTitleText" : "关于我们",
-				"enablePullDownRefresh" : false
+				"navigationBarTitleText" : "",
+				"enablePullDownRefresh" : false,
+				"navigationStyle": "custom"
 			}
 		}
 	],

pages/index/bookinfo.vue

@@ -0,0 +1,386 @@
+<template>
+	<view class="page">
+		<view class="padd">
+			<image src="/static/logo.png" style="width: 542rpx;height: 750rpx;" mode=""></image>
+			<view class="back" style="margin-top: 24rpx;">
+				<view class="">九年级化学上册电子课本目录(义务教育教科</view>
+				<view class="item-jian">教材级别：公共体育教材</view>
+				<view class="item-jian">适用层次：高职教材</view>
+				<view class="item-jian">适用专业：建筑类系列教材</view>
+				<view class="item-jian">ISBN：989-9-2392-232</view>
+				<view class="item-jian">作者：袁伟，郑太雄，罗荣</view>
+				<view class="item-jian">纸质定价：¥57.5</view>
+			</view>
+		</view>
+		<view class="height"></view>
+		<view class="series">
+			<view class="u-flex u-row-between">
+				<view class="abount">相关系列</view>
+				<view class="updown" @click="toupdown">系列下载</view>
+			</view>
+			<view class=""></view>
+		</view>
+		<view class="height"></view>
+		<view class="content">
+			<view class="">
+				<u-tabs active-color='#06A971' :list="list" :is-scroll="false" :current="current"
+					@change="change"></u-tabs>
+			</view>
+			<view v-if="current==0" class="padd content-box">
+				<view class="u-flex">
+					<view class="">
+						<view class="chu">开本:16开</view>
+						<view class="chu">印制:双色</view>
+						<view class="chu">版次:第一版第一次</view>
+					</view>
+					<view class="" style="margin-left: 100rpx;">
+						<view class="chu">印张:12</view>
+						<view class="chu">出版日期:2021年1月</view>
+						<view class="chu">出版单位:北京出版社</view>
+					</view>
+				</view>
+				<view class="tu">
+					<view class="" style="position: relative;">
+						<view class="brief">前言</view>
+						<image class="image" src="/static/images/compile.png" mode=""></image>
+					</view>
+					<view class="fonta">
+						本书以体能训练的原则、价值和方法为主要阐
+					</view>
+				</view>
+				<view class="tu">
+					<view class="" style="position: relative;">
+						<view class="brief">内容简介</view>
+						<image class="image" src="/static/images/compile.png" mode=""></image>
+					</view>
+					<view class="fonta">
+						本书以体能训练的原则、价值和方法为主要阐
+					</view>
+				</view>
+				<view class="tu">
+					<view class="" style="position: relative;">
+						<view class="brief">作者简介</view>
+						<image class="image" src="/static/images/compile.png" mode=""></image>
+					</view>
+					<view class="fonta">
+						本书以体能训练的原则、价值和方法为主要阐
+					</view>
+				</view>
+			</view>
+			<view v-if="current==1" class="padd data">
+				<!-- 样章 -->
+				<view class="">
+					<view class="sample">样章</view>
+					<view class="" style="display: flex;margin-top: 28rpx;">
+						<image src="/static/images/pdf.png" class="image3" mode=""></image>
+						<view class="pdf">第一章 集合与函数概念单元检测卷高一数学轻轻巧巧轻轻巧巧轻轻巧巧轻轻巧巧轻轻巧巧轻轻巧巧轻轻巧</view>
+						<image src="/static/images/updown.png" mode="" style="width: 32rpx;height: 32rpx;"></image>
+					</view>
+				</view>
+				<view class="">
+					<view class="sample u-flex u-row-between">
+						<view class="">资源包</view>
+						<view class="u-flex">
+							<view class="selling">资源售价</view>
+							<view class="money5">¥48.5</view>
+							<view class="button4"  @click="show=true">付费下载</view>
+						</view>
+					</view>
+					<view class="courseware">课件</view>
+					<view class="" style="display: flex;margin-top: 28rpx;">
+						<image src="/static/images/pdf.png" class="image3" mode=""></image>
+						<view class="pdf">第一章 集合与函数概念单元检测卷高一数学轻轻巧巧轻轻巧巧轻轻巧巧轻轻巧巧轻轻巧巧轻轻巧巧轻轻巧</view>
+						<image src="/static/images/updown.png" mode="" style="width: 32rpx;height: 32rpx;"></image>
+					</view>
+					<view class="courseware">资源</view>
+					<view class="" style="display: flex;margin-top: 28rpx;">
+						<image src="/static/images/pdf.png" class="image3" mode=""></image>
+						<view class="pdf">第一章 集合与函数概念单元检测卷高一数学轻轻巧巧轻轻巧巧轻轻巧巧轻轻巧巧轻轻巧巧轻轻巧巧轻轻巧</view>
+						<image src="/static/images/updown.png" mode="" style="width: 32rpx;height: 32rpx;"></image>
+					</view>
+				</view>
+			</view>
+		</view>
+		<view class="" style=" height: 166rpx;"></view>
+		<view class="bottom u-flex">
+			<view class="left">样书申请</view>
+			<view class="right">在线试读</view>
+		</view>
+		<u-popup v-model="show" mode="bottom" border-radius="24">
+			<view class="" style="padding: 32rpx 28rpx;">
+				<view class="u-flex u-row-center" style="text-align: center;position: relative;">
+					<view class="courseware" style="margin-top: 0;">资源下载</view>
+					<image src="../../static/images/close.png"
+						style="width: 44rpx;height: 44rpx;position: absolute;top: 0;right: 0;" mode=""></image>
+				</view>
+				<view class="" style="margin-top: 40rpx;">
+					<view class="sample">样章</view>
+					<view class="" style="display: flex;margin-top: 28rpx;">
+						<image src="/static/images/pdf.png" class="image3" mode=""></image>
+						<view class="pdf">第一章 集合与函数概念单元检测卷高一数学轻轻巧巧轻轻巧巧轻轻巧巧轻轻巧巧轻轻巧巧轻轻巧巧轻轻巧</view>
+						<image src="/static/images/updown.png" mode="" style="width: 32rpx;height: 32rpx;"></image>
+					</view>
+				</view>
+				<view class="">
+					<view class="sample u-flex u-row-between">
+						<view class="">资源包</view>
+						<!-- <view class="u-flex">
+							<view class="selling">资源售价</view>
+							<view class="money5">¥48.5</view>
+							<view class="button4">付费下载</view>
+						</view> -->
+					</view>
+					<view class="courseware">电子书</view>
+					<view class="" style="display: flex;margin-top: 28rpx;">
+						<image src="/static/images/pdf.png" class="image3" mode=""></image>
+						<view class="pdf">第一章 集合与函数概念单元检测卷高一数学轻轻巧巧轻轻巧巧轻轻巧巧轻轻巧巧轻轻巧巧轻轻巧巧轻轻巧</view>
+						<image src="/static/images/updown.png" mode="" style="width: 32rpx;height: 32rpx;"></image>
+					</view>
+					<view class="courseware"
+						style='border-top: 2rpx solid rgba(151, 151, 151, 0.1);margin-bottom:26rpx;padding-top:28rpx;'>
+						课件</view>
+					<view class="" style="display: flex;margin-top: 28rpx;">
+						<image src="/static/images/pdf.png" class="image3" mode=""></image>
+						<view class="pdf">第一章 集合与函数概念单元检测卷高一数学轻轻巧巧轻轻巧巧轻轻巧巧轻轻巧巧轻轻巧巧轻轻巧巧轻轻巧</view>
+						<image src="/static/images/updown.png" mode="" style="width: 32rpx;height: 32rpx;"></image>
+					</view>
+					<view class="courseware"
+						style='border-top: 2rpx solid rgba(151, 151, 151, 0.1);margin-bottom:26rpx;padding-top:28rpx;'>
+						资源</view>
+					<view class="" style="display: flex;margin-top: 28rpx;">
+						<image src="/static/images/pdf.png" class="image3" mode=""></image>
+						<view class="pdf">第一章 集合与函数概念单元检测卷高一数学轻轻巧巧轻轻巧巧轻轻巧巧轻轻巧巧轻轻巧巧轻轻巧巧轻轻巧</view>
+						<image src="/static/images/updown.png" mode="" style="width: 32rpx;height: 32rpx;"></image>
+					</view>
+				</view>
+			</view>
+		</u-popup>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				list: [{
+					name: '内容介绍',
+				}, {
+					name: '资料',
+				}],
+				current: 0,
+				show: false
+			};
+		},
+		methods: {
+			change(index) {
+				this.current = index;
+			},
+			toupdown(){
+				uni.navigateTo({
+					url:'/pages/index/updown'
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	.courseware {
+		font-size: 28rpx;
+		font-family: PingFangSC, PingFang SC;
+		font-weight: 500;
+		color: #222222;
+		margin-top: 24rpx;
+	}
+
+	.money5 {
+		font-size: 32rpx;
+		font-family: SFPro, SFPro;
+		font-weight: 500;
+		color: #CC3300;
+	}
+
+	.button4 {
+		width: 120rpx;
+		height: 52rpx;
+		background: #06A971;
+		border-radius: 6rpx;
+		margin-left: 16rpx;
+		font-size: 24rpx;
+		font-family: PingFangSC, PingFang SC;
+		font-weight: 400;
+		color: #FFFFFF;
+		text-align: center;
+		line-height: 52rpx;
+	}
+
+	.selling {
+		font-size: 24rpx;
+		font-family: PingFangSC, PingFang SC;
+		font-weight: 400;
+		color: #555555;
+		margin-right: 4rpx;
+	}
+
+	.image3 {
+		width: 28rpx;
+		height: 28rpx;
+	}
+
+	.pdf {
+		font-size: 24rpx;
+		font-family: PingFangSC, PingFang SC;
+		font-weight: 400;
+		color: #222222;
+		margin-left: 24rpx;
+		margin-right: 80rpx;
+	}
+
+	.sample {
+		height: 72rpx;
+		background: #F5F5F5;
+		border-radius: 8rpx;
+		font-size: 28rpx;
+		font-family: PingFangSC, PingFang SC;
+		font-weight: 500;
+		color: #222222;
+		padding: 14rpx 10rpx 14rpx 20rpx;
+		margin-top: 28rpx;
+	}
+
+	.data {
+		border-top: 2rpx solid rgba(151, 151, 151, 0.1);
+		padding-top: 26rpx !important;
+	}
+
+	.fonta {
+		font-size: 24rpx;
+		font-family: PingFangSC, PingFang SC;
+		font-weight: 400;
+		color: #222222;
+		margin-top: 24rpx;
+	}
+
+	.tu {
+		margin-top: 32rpx;
+	}
+
+	.image {
+		width: 694rpx;
+		height: 50rpx;
+	}
+
+	.brief {
+		position: absolute;
+		left: 28rpx;
+		font-size: 28rpx;
+		font-family: PingFangSC, PingFang SC;
+		font-weight: 500;
+		color: #06A971;
+		line-height: 50rpx;
+	}
+
+	.chu {
+		margin-top: 20rpx;
+	}
+
+	.content-box {
+		border-top: 2rpx solid rgba(151, 151, 151, 0.1);
+		padding-top: 42rpx !important;
+	}
+
+	::v-deep .u-tab-bar {
+		background-color: #06A971 !important;
+	}
+
+
+	// 系列
+	.series {
+		padding: 44rpx 28rpx 32rpx;
+	}
+
+	.about {
+		font-size: 28rpx;
+		font-family: PingFangSC, PingFang SC;
+		font-weight: 500;
+		color: #222222;
+	}
+
+	.updown {
+		width: 134rpx;
+		height: 56rpx;
+		background: #06A971;
+		border-radius: 6rpx;
+		font-size: 24rpx;
+		font-family: PingFangSC, PingFang SC;
+		font-weight: 500;
+		color: #FFFFFF;
+		line-height: 56rpx;
+		text-align: center;
+	}
+
+	.back {
+		padding: 0 0 40rpx 0;
+		background: #fff;
+	}
+
+	.padd {
+		padding: 0 28rpx;
+	}
+
+	.page {
+		// background: #F5F5F5;
+		min-height: 100vh;
+	}
+
+	.height {
+		width: 750rpx;
+		height: 20rpx;
+		background: #F5F5F5;
+	}
+
+	.item-jian {
+		font-size: 24rpx;
+		font-family: PingFangSC, PingFang SC;
+		font-weight: 400;
+		color: #444444;
+		margin-top: 18rpx;
+	}
+
+	.bottom {
+		width: 750rpx;
+		height: 166rpx;
+		background: #FFFFFF;
+		padding: 16rpx 28rpx 0;
+		position: fixed;
+		bottom: 0;
+		left: 0;
+
+		.left {
+			width: 336rpx;
+			height: 88rpx;
+			background: #FFA30E;
+			border-radius: 12rpx;
+			font-size: 32rpx;
+			font-family: PingFangSC, PingFang SC;
+			font-weight: 500;
+			color: #FFFFFF;
+			text-align: center;
+			line-height: 88rpx;
+		}
+
+		.right {
+			width: 336rpx;
+			height: 88rpx;
+			background: #06A971;
+			border-radius: 12rpx;
+			font-size: 32rpx;
+			font-family: PingFangSC, PingFang SC;
+			font-weight: 500;
+			color: #FFFFFF;
+			text-align: center;
+			line-height: 88rpx;
+			margin-left: 12rpx;
+		}
+	}
+</style>

pages/index/index-search.vue

@@ -0,0 +1,239 @@
+<template>
+	<view class="tap">
+		<view class="">
+			<u-navbar :placeholder='true' :fixed='true'>
+				<u-search placeholder="请输入书名、作者搜索" v-model="keyword1" :show-action="false"
+					@search="tosearch(1)"></u-search>
+			</u-navbar>
+		</view>
+		<view class="u-flex u-row-between top" v-if="positionlist.length == 0">
+			<view class="his">
+				搜索历史
+			</view>
+			<view class="" @click="clear">
+				<u-icon name="trash" color="rgba(0,0,0,.7)" size="14"></u-icon>
+			</view>
+		</view>
+		<view class="u-flex" style="flex-wrap: wrap;margin-top: 24rpx;" v-if="positionlist.length == 0">
+			<view class="item" style="margin-right: 16rpx;" v-for="(item,index) in search" :key="index">
+				{{item}}
+			</view>
+		</view>
+		<view class="u-flex u-row-between pad" style="margin-top:30rpx ;">
+			<view class="" v-for="(item,index) in list" :key="index" @click="onchange(index)">
+				<text :class="curret==index?'one':'two' ">{{item}}</text>
+				<view v-if="curret==index" class="bottom">
+				</view>
+			</view>
+		</view>
+		<view class="sou">
+			<text>共32条“</text>
+			<text style="color: #0ED4AA;">{{keyword1}}</text>
+			<text>”相关的搜素结果</text>
+		</view>
+		<view class="list1">
+			<view class="u-flex" style="margin-top: 28rpx;" v-if="curret==0">
+				<image src="/static/logo.png" style="width: 239rpx;height: 240rpx;" mode=""></image>
+				<view class="u-flex-col " style="margin-left: 20rpx;height: 240rpx;padding: 12rpx 0;
+ justify-content: space-between;">
+					<view class="">
+						<view class="title">ERP财务管理系统教程（用友U8V10.111111111)</view>
+						<view class="writer">陆培中，刘亚男</view>
+					</view>
+					<view class="">
+						<text class="ding">定价</text>
+						<text class="yang">¥</text>
+						<text class="money">38.5</text>
+					</view>
+				</view>
+			</view>
+			<view class="top" v-if="curret==2">
+				<view class="flex">
+					<image src="/static/logo.png" style="width: 212rpx;height: 128rpx;" mode=""></image>
+					<view class="" style="margin-left: 20rpx;">
+						<view class="title1">ERP财务管理系统教程（用友U8V10.11111111)</view>
+						<view class="writer">陆培中，刘亚男</view>
+					</view>
+				</view>
+				<view class="money1">
+					¥158.0
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				keyword1: '',
+				search: [],
+				positionlist: [1],
+				list: [
+					'纸质书', '电子书', '名师教学视频'
+				],
+				curret: 0,
+			};
+		},
+		onLoad() {
+			if (uni.getStorageSync('searchdata')) {
+				this.search = uni.getStorageSync('searchdata')
+			}
+		},
+		methods: {
+			onchange(index) {
+				this.curret = index
+			},
+			clear() {
+				uni.removeStorageSync('searchdata')
+				this.search = []
+			},
+			tosearch(type) {
+				// this.positionlist = []
+				// if (type == 1) {
+				// 	this.keyword = this.keyword1
+				// }
+				// this.page = 1
+				// this.total = 0
+				// this.getlist()
+				if (this.keyword1 != '') {
+					this.search.push(this.keyword1)
+				}
+				uni.setStorageSync('searchdata', this.search)
+			},
+		}
+	}
+</script>
+
+<style lang="scss">
+	.title1 {
+		font-size: 28rpx;
+		font-family: SFPro, SFPro;
+		font-weight: 400;
+		color: #333333;
+	}
+
+	.title {
+		font-size: 28rpx;
+		font-family: SFPro, SFPro;
+		font-weight: 400;
+		color: #333333;
+	}
+
+	.top {
+		margin-top: 26rpx;
+		border-bottom: 2rpx solid rgba(151, 151, 151, 0.1);
+	}
+
+	.money1 {
+		font-size: 32rpx;
+		font-family: SFPro, SFPro;
+		font-weight: 500;
+		color: #CC3300;
+		margin-top: 16rpx;
+		padding: 0 0 24rpx 0;
+
+		margin-left: 232rpx;
+	}
+
+	.one {
+		font-size: 32rpx;
+		font-family: PingFangSC, PingFang SC;
+		font-weight: 500;
+		color: #222222;
+	}
+
+	.flex {
+		display: flex;
+	}
+
+	.list1 {
+		margin-top: 4rpx;
+	}
+
+	.writer {
+		font-size: 24rpx;
+		font-family: PingFangSC, PingFang SC;
+		font-weight: 400;
+		color: #666666;
+		margin-top: 20rpx;
+	}
+
+	.yang {
+		font-size: 24rpx;
+		font-family: SFPro, SFPro;
+		font-weight: 400;
+		color: #CC3300;
+	}
+
+	.money {
+		font-size: 32rpx;
+		font-family: SFPro, SFPro;
+		font-weight: 400;
+		color: #CC3300;
+	}
+
+	.ding {
+		font-size: 24rpx;
+		font-family: PingFangSC, PingFang SC;
+		font-weight: 400;
+		color: #555555;
+	}
+
+	.sou {
+		margin-top: 18rpx;
+		border-top: 2rpx solid rgba(0, 0, 0, 0.10);
+		padding: 28rpx 0 0 0;
+		font-size: 24rpx;
+		font-family: SFPro, SFPro;
+		font-weight: 400;
+		color: #333333;
+	}
+
+	.bottom {
+		width: 64rpx;
+		height: 12rpx;
+		background: linear-gradient(270deg, rgba(6, 169, 113, 0) 0%, #0ED4AA 100%);
+		margin-top: -15rpx;
+	}
+
+	.two {
+		font-size: 30rpx;
+		font-family: PingFangSC, PingFang SC;
+		font-weight: 400;
+		color: #555555;
+	}
+
+	.tap {
+		padding: 0 28rpx 18rpx;
+	}
+
+	.top {
+		margin-top: 38rpx;
+	}
+
+	.item {
+		height: 54rpx;
+		background: #F3F3F3;
+		border-radius: 6rpx;
+		line-height: 54rpx;
+		text-align: center;
+		font-size: 24rpx;
+		font-family: PingFangSC, PingFang SC;
+		font-weight: 400;
+		color: #222222;
+		padding: 0 18rpx;
+	}
+
+	.his {
+		font-size: 28rpx;
+		font-family: PingFangSC, PingFang SC;
+		font-weight: 500;
+		color: #222222;
+	}
+
+	::v-deep .u-content {
+		// padding: 0 0 0 106rpx;
+	}
+</style>

pages/index/index.vue

@@ -8,17 +8,21 @@
 						<view class="">
 							logo
 						</view>
-						<view class="index-search u-flex" style="margin-left: 54rpx;">
+						<view class="index-search u-flex" style="margin-left: 54rpx;" @click="toindexsearch">
 							<u-icon name="search" color="#979797" size="30"></u-icon>
 							<input style="margin-left: 12rpx;" type="text" class="text1" placeholder="请输入书名、作者搜索"
 								:disabled="true">
 						</view>
-						<view class="button">
+						<view class="button u-flex u-row-center">
+							<image src="../../static/images/release.png"
+								style="width: 24rpx; height: 24rpx;margin-right: 8rpx;" mode="">
+							</image>
 							<text>投稿</text>
 						</view>
 					</view>
 				</u-navbar>
-				<view class="back"></view>
+				<!-- <view class="back"></view> -->
+				<image class="back1" src="../../static/images/bj.png" mode=""></image>
 			</view>
 			<view class="u-flex u-row-between pad" style="margin-top:36rpx ;">
 				<view class="" v-for="(item,index) in list" :key="index" @click="onchange(index)">
@@ -27,10 +31,11 @@
 					</view>
 				</view>
 			</view>
+
 		</view>
-		<view class="" style="height: 400rpx;"></view>
-		<view class="back pad">
-			<view class="wrap">
+		<view class="" style="height: 160rpx;"></view>
+		<view v-if="curret==0" class="back pad">
+			<view class="wrap" v-if="curret==0">
 				<u-swiper :list="list"></u-swiper>
 			</view>
 			<view class="jiang">
@@ -38,7 +43,40 @@
 					<text class="title1">获奖教材</text>
 					<view class="look">查看更多</view>
 				</view>
+				<view class="cai u-flex u-row-between">
+					<view class="item " v-for="(item,index) in 6" :key="index" @click="toinfo()">
+						<image src="/static/logo.png" class="bookimg" mode=""></image>
+						<view class="title2 u-line-1">
+							ERP财务管理系统管理教程
+						</view>
+						<view class="u-line-1 author">
+							丁爱萍，林秀丽
+						</view>
+						<view class="bottom1">
+							<text class="ding">定价</text>
+							<text class="money">¥38.5</text>
+						</view>
+					</view>
+				</view>
 			</view>
+			<view class="newbox">
+				<view class="u-flex u-row-between">
+					<text class="title1">新书推荐</text>
+					<view class="look">查看更多</view>
+				</view>
+				<view class="u-flex video u-row-between">
+					<view class="item2 " v-for="(item,index) in 6" :key="index">
+						<image src="/static/logo.png" style="width: 322rpx;height: 198rpx;" mode=""></image>
+						<view class="title3 u-line-1">武忠祥领衔|25考研数学领域</view>
+						<view class="author u-line-1">武忠祥</view>
+						<view class="money">¥1288.00</view>
+					</view>
+				</view>
+			</view>
+			<view class="" style="height: 30rpx;"></view>
+		</view>
+		<view v-if="curret==3" style="position: relative;z-index: 200;" class="">
+			<ty-video></ty-video>
 		</view>
 	</view>
 </template>
@@ -59,12 +97,103 @@
 		methods: {
 			onchange(index) {
 				this.curret = index
+			},
+			toindexsearch() {
+				uni.navigateTo({
+					url: "/pages/index/index-search"
+				})
+			},
+			toinfo(){
+				uni.navigateTo({
+					url:'/pages/index/bookinfo'
+				})
 			}
 		}
 	}
 </script>
 
 <style lang="scss" scoped>
+	.item2 {
+		margin-top: 24rpx;
+	}
+
+	.title3 {
+		width: 314rpx;
+		height: 40rpx;
+		font-size: 28rpx;
+		font-family: PingFangSC, PingFang SC;
+		font-weight: 500;
+		color: #333333;
+		margin-top: 16rpx;
+	}
+
+	.video {
+		flex-wrap: wrap;
+	}
+
+	.newbox {
+		// width: 702rpx;
+		min-height: 870rpx;
+		background: #FFFFFF;
+		border-radius: 16rpx;
+		margin-top: 20rpx;
+		padding: 28rpx 20rpx;
+	}
+
+	.bottom1 {
+		margin-top: 16rpx;
+	}
+
+	.item {
+		margin-top: 20rpx;
+	}
+
+	.money {
+		font-size: 28rpx;
+		font-family: SFPro, SFPro;
+		font-weight: 400;
+		color: #CC3300;
+		margin-left: 8rpx;
+	}
+
+	.ding {
+		font-size: 24rpx;
+		font-family: PingFangSC, PingFang SC;
+		font-weight: 400;
+		color: #222222;
+	}
+
+	.author {
+		font-size: 24rpx;
+		font-family: PingFangSC, PingFang SC;
+		font-weight: 400;
+		color: #444444;
+		margin-top: 8rpx;
+	}
+
+	.title2 {
+		width: 198rpx;
+		height: 36rpx;
+		font-size: 26rpx;
+		font-family: SFPro, SFPro;
+		font-weight: 500;
+		color: #333333;
+		line-height: 30rpx;
+		margin-top: 16rpx;
+	}
+
+	.bookimg {
+		width: 202rpx;
+		height: 266rpx;
+		background: #D8D8D8;
+		border-radius: 8rpx;
+	}
+
+	.cai {
+		padding-top: 10rpx;
+		flex-wrap: wrap;
+	}
+
 	.look {
 		width: 130rpx;
 		height: 40rpx;
@@ -75,7 +204,7 @@
 		color: #06A971;
 		line-height: 40rpx;
 		text-align: center;
-		padding: 6rpx 12rpx;
+		// padding: 6rpx 12rpx;
 		box-sizing: border-box;
 	}
 
@@ -87,7 +216,7 @@
 	}
 
 	.jiang {
-		width: 702rpx;
+		// width: 702rpx;
 		height: 978rpx;
 		background: #FFFFFF;
 		border-radius: 16rpx;
@@ -96,8 +225,8 @@
 
 	.back {
 		position: relative;
-		height: 80vh;
-		z-index: 4;
+		min-height: 80vh;
+		z-index: 200;
 	}
 
 	.wrap {
@@ -164,17 +293,16 @@
 		top: 0;
 		left: 0;
 		width: 100vw;
-		z-index: 2;
+		z-index: 100;
 
 		// overflow: hidden;
-		.back {
+		.back1 {
 			position: absolute;
 			top: 0;
 			left: 0;
 			z-index: -1;
 			width: 100vw;
 			height: 432rpx;
-			background: url(/static/images/bj.png);
 		}
 	}
 </style>

pages/index/orderinfo.vue

@@ -0,0 +1,213 @@
+<template>
+	<view class="page">
+		<view class="info">
+			<view class="u-flex u-row-between">
+				<text class="shang">商品信息</text>
+				<text class="more">展开</text>
+			</view>
+			<view class="u-flex" style="margin-top: 32rpx;" v-for="(item,index) in 4" :key="index">
+				<view class="box">
+					<image src="/static/logo.png" style="width: 120rpx;height: 160rpx;" mode=""></image>
+				</view>
+				<view class=""
+					style="margin-left: 20rpx;justify-content: space-between;display: flex;flex-direction: column;height: 160rpx;">
+					<view class="">
+						<view class="title u-line-1">中医基础理论(全国中医药行业高…</view>
+						<view class="fufei">资源类型：付费资源</view>
+					</view>
+					<view class="money">¥324.5</view>
+				</view>
+			</view>
+			<view class="jiner ">
+				<view class="" style="margin-top: 24rpx;" class="u-flex u-row-between">
+					<text class="sum">商品金额</text>
+					<view class="">
+						<text class="figure">￥</text>
+						<text class="figure" style="font-size: 32rpx;font-weight: 400;">325.00</text>
+					</view>
+				</view>
+			</view>
+		</view>
+		<view class="pay">
+			<u-radio-group v-model="value" @change="radioGroupChange">
+				<view class="u-flex u-row-between" style="width: 680rpx;">
+					<view class="u-flex">
+						<image src="/static/images/wei.png" style="width: 40rpx;height: 40rpx;" mode=""></image>
+						<view class="weipay">微信支付</view>
+					</view>
+					<view class="">
+						<u-radio @change="radioChange">
+						</u-radio>
+					</view>
+				</view>
+				<view class="u-flex u-row-between"
+					style="width: 680rpx;border-top: rgba(151, 151, 151, 0.1);margin-top: 30rpx;padding-top: 26rpx;">
+					<view class="u-flex">
+						<image src="/static/images/zhi.png" style="width: 40rpx;height: 40rpx;" mode=""></image>
+						<view class="weipay">支付宝支付</view>
+					</view>
+					<view class="">
+						<u-radio @change="radioChange">
+						</u-radio>
+					</view>
+				</view>
+			</u-radio-group>
+		</view>
+		<view class="" style="height: 166rpx;"></view>
+		<view class="bottom u-flex u-row-right">
+			<view class="">
+				<text>合计：</text>
+				<text>￥</text>
+				<text>325.00</text>
+			</view>
+			<view class="btn" @click="pay">
+				确认支付
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				value: 0
+			};
+		},
+		methods: {
+			// 选中某个单选框时，由radio时触发
+			radioChange(e) {
+				// console.log(e);
+			},
+			// 选中任一radio时，由radio-group触发
+			radioGroupChange(e) {
+				// console.log(e);
+			},
+			pay(){
+				uni.navigateTo({
+					url:'/pages/index/pay/pay'
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.weipay {
+		font-size: 26rpx;
+		font-family: PingFangSC, PingFang SC;
+		font-weight: 400;
+		color: #333333;
+		margin-left: 20rpx;
+	}
+
+	.bottom {
+		width: 750rpx;
+		height: 166rpx;
+		background: #FFFFFF;
+		position: fixed;
+		bottom: 0;
+		padding: 0 28rpx;
+		left: 0;
+
+		.btn {
+			width: 212rpx;
+			height: 88rpx;
+			background: #06A971;
+			border-radius: 12rpx;
+			font-size: 32rpx;
+			font-family: PingFangSC, PingFang SC;
+			font-weight: 500;
+			color: #FFFFFF;
+			line-height: 88rpx;
+			text-align: center;
+			margin-left: 24rpx;
+		}
+	}
+
+	.pay {
+		width: 694rpx;
+		height: 200rpx;
+		background: #FFFFFF;
+		border-radius: 16rpx;
+		margin-top: 20rpx;
+		padding: 32rpx 20rpx;
+	}
+
+	.jiner {
+		width: 654rpx;
+		height: 2rpx;
+		border-top: 2rpx solid rgba(151, 151, 151, 0.1);
+		margin-top: 32rpx;
+
+		.sum {
+			font-size: 26rpx;
+			font-family: PingFangSC, PingFang SC;
+			font-weight: 400;
+			color: #222222;
+		}
+
+		.figure {
+			font-size: 26rpx;
+			font-family: JDZhengHT, JDZhengHT;
+			font-weight: 300;
+			color: #222222;
+		}
+	}
+
+	.shang {
+		font-size: 26rpx;
+		font-family: PingFangSC, PingFang SC;
+		font-weight: 400;
+		color: #222222;
+	}
+
+	.more {
+		font-size: 26rpx;
+		font-family: PingFangSC, PingFang SC;
+		font-weight: 400;
+		color: #06A971;
+	}
+
+	.fufei {
+		font-size: 24rpx;
+		font-family: PingFangSC, PingFang SC;
+		font-weight: 400;
+		color: #444444;
+	}
+
+	.money {
+		font-size: 32rpx;
+		font-family: SFPro, SFPro;
+		font-weight: 400;
+		color: #CF1534;
+	}
+
+	.title {
+		font-size: 28rpx;
+		font-family: PingFangSC, PingFang SC;
+		font-weight: 500;
+		color: #333333;
+	}
+
+	.info {
+		width: 694rpx;
+		height: 944rpx;
+		background: #FFFFFF;
+		border-radius: 16rpx;
+		padding: 24rpx 20rpx 30rpx;
+	}
+
+	.page {
+		background-color: rgba(244, 244, 244, 1);
+		padding: 20rpx 28rpx;
+		min-height: 94vh;
+	}
+
+	.box {
+		width: 160rpx;
+		height: 160rpx;
+		border: 2rpx solid rgba(151, 151, 151, 0.2);
+		padding: 0 20rpx
+	}
+</style>

pages/index/pay/pay.vue

@@ -0,0 +1,79 @@
+<template>
+	<view>
+		<view class="u-flex-col" style="justify-content: flex-end;align-items: center;margin-top: 100rpx;">
+			<image src="/static/images/success.png" style="width: 86rpx;height: 86rpx;" mode=""></image>
+			<view class="success">支付成功</view>
+			<view class="" style="margin-top: 26rpx;">
+				<text class="money">¥</text>
+				<text class="money" style="font-size: 44rpx;">148.32</text>
+			</view>
+			<view class="order">
+				<text class="one">订单编号： 47903234955559</text>
+				<text class="one" style="color: rgba(10, 109, 205, 1);margin-left: 20rpx;" @click="success">查看订单</text>
+			</view>
+			<view class="button">
+				完成
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+
+			};
+		},
+		methods: {
+			success() {
+				uni.navigateTo({
+					url: '/pages/success'
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	.one {
+		font-size: 26rpx;
+		font-family: SFPro, SFPro;
+		font-weight: 400;
+		color: #222222;
+	}
+
+	.button {
+		width: 290rpx;
+		height: 88rpx;
+		background: #06A971;
+		border-radius: 12rpx;
+		font-size: 32rpx;
+		font-family: PingFangSC, PingFang SC;
+		font-weight: 500;
+		color: #FFFFFF;
+		margin-top: 550rpx;
+		line-height: 88rpx;
+		text-align: center;
+	}
+
+	.order {
+		margin-top: 62rpx;
+
+	}
+
+	.success {
+		font-size: 28rpx;
+		font-family: PingFangSC, PingFang SC;
+		font-weight: 400;
+		color: #222222;
+		margin-top: 40rpx;
+	}
+
+	.money {
+		font-size: 26rpx;
+		font-family: JDZhengHT, JDZhengHT;
+		font-weight: 400;
+		color: #222222;
+	}
+</style>

pages/index/updown.vue

@@ -0,0 +1,211 @@
+<template>
+	<view class="page">
+		<u-checkbox-group @change="checkboxGroupChange">
+			<view class="item u-flex" v-for="(item,index) in list" :key="index">
+				<u-checkbox shape="circle" v-model="item.checked"></u-checkbox>
+				<view class="box">
+					<image src="/static/logo.png" style="width: 120rpx ;height: 160rpx;" mode=""></image>
+				</view>
+				<view class=""
+					style="justify-content: space-between;padding: 4rpx 0 ;height: 160rpx;display: flex;flex-direction: column;">
+					<view class="">
+						<view class="title u-line-1">中医基础理论(全国中医药行业…jklsrehgio111)</view>
+						<view class="writer">资源类型：付费资源</view>
+					</view>
+					<view class="money">¥324.5</view>
+				</view>
+			</view>
+		</u-checkbox-group>
+		<view class="" style="height: 160rpx;"></view>
+		<view class="bottom u-flex u-row-between">
+			<view class="u-flex">
+				<view class="" @click="checkedAll">
+					<u-checkbox-group>
+						<u-checkbox shape="circle" v-model="all"></u-checkbox>
+					</u-checkbox-group>
+					<text class="All">全选</text>
+				</view>
+				<view class="" style="margin-left: 24rpx;">
+					<view class="">
+						<text class="all">合计：</text>
+						<text class="mi">¥</text>
+						<text class="mi" style="font-size: 36rpx;">325.00</text>
+					</view>
+					<view class="">
+						<text class="num">12</text>
+						<text class="fcai">份资料</text>
+					</view>
+				</view>
+			</view>
+			<view class="btn" @click="orderinfo">
+				下载资源
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				change: 0,
+				all: false,
+				list: [{
+						name: 'apple',
+						checked: false,
+						disabled: false
+					},
+					{
+						name: 'banner',
+						checked: false,
+						disabled: false
+					},
+					{
+						name: 'orange',
+						checked: false,
+						disabled: false
+					}
+				]
+			};
+		},
+		methods: {
+			orderinfo(){
+				uni.navigateTo({
+					url:'/pages/index/orderinfo'
+				})
+			},
+			//全选
+			checkedAll() {
+				if (this.all == false) {
+					this.list.map(val => {
+						val.checked = false;
+						this.all = false
+					})
+				} else {
+					this.list.map(val => {
+						val.checked = true;
+						this.all = true
+					})
+				}
+			},
+			checkboxGroupChange(e) {
+				console.log(e);
+				if (e.length == this.list.length) {
+					this.all = true
+				}
+				this.list.map(val => {
+					if (val.checked == false) {
+						this.all = false 
+					}
+				})
+			},
+		}
+	}
+</script>
+
+<style lang="scss">
+	.num {
+		font-size: 28rpx;
+		font-family: JDZhengHT, JDZhengHT;
+		font-weight: 400;
+		color: #CF1534;
+	}
+
+	.fcai {
+		font-size: 24rpx;
+		font-family: PingFangSC, PingFang SC;
+		font-weight: 400;
+		color: #131415;
+	}
+
+	.All {
+		font-size: 24rpx;
+		font-family: PingFangSC, PingFang SC;
+		font-weight: 400;
+		color: #888888;
+		margin-left: -16rpx
+	}
+
+	.mi {
+		font-size: 28rpx;
+		font-family: JDZhengHT, JDZhengHT;
+		font-weight: 400;
+		color: #CF1534;
+	}
+
+	.all {
+		font-size: 26rpx;
+		font-family: PingFangSC, PingFang SC;
+		font-weight: 400;
+		color: #131415;
+	}
+
+	.btn {
+		width: 252rpx;
+		height: 88rpx;
+		background: #06A971;
+		border-radius: 12rpx;
+		font-size: 32rpx;
+		font-family: PingFangSC, PingFang SC;
+		font-weight: 500;
+		color: #FFFFFF;
+		line-height: 88rpx;
+		text-align: center;
+	}
+
+	.money {
+		font-size: 32rpx;
+		font-family: SFPro, SFPro;
+		font-weight: 400;
+		color: #CF1534;
+	}
+
+	.title {
+		width: 402rpx;
+		font-size: 28rpx;
+		font-family: PingFangSC, PingFang SC;
+		font-weight: 500;
+		color: #222222;
+	}
+
+	.writer {
+		font-size: 24rpx;
+		font-family: PingFangSC, PingFang SC;
+		font-weight: 400;
+		color: #444444;
+		margin-top: 12rpx;
+	}
+
+	.box {
+		width: 160rpx;
+		height: 160rpx;
+		border: 1rpx solid rgba(151, 151, 151, 0.1);
+		padding: 0 20rpx;
+	}
+
+	.bottom {
+		width: 100%;
+		height: 166rpx;
+		background: #FFFFFF;
+		position: fixed;
+		bottom: 0;
+		left: 0;
+		padding: 0 28rpx;
+	}
+
+	.item {
+		width: 100%;
+		height: 216rpx;
+		background: #FFFFFF;
+		border-radius: 16rpx;
+		margin-top: 20rpx;
+		padding: 28rpx 24rpx;
+	}
+
+	.page {
+		background-color: #f4f4f4;
+		min-height: 100vh;
+		padding: 0 28rpx;
+		overflow: hidden;
+	}
+</style>

pages/success.vue

@@ -0,0 +1,102 @@
+<template>
+	<view class="page">
+		<!-- 顶部导航 -->
+		<u-navbar title-width='300' title='' :is-back="true" :border-bottom="false"
+			:background="{background:'rgba(0,0,0,0)'}" :isFixed="true"></u-navbar>
+		<view class="index-navbar">
+			<view class="" style="position: relative;;">
+				<view class="back"></view>
+			</view>
+		</view>
+		<view class="success">
+			交易已完成
+		</view>
+		<view class="order">
+
+		</view>
+		<view class="info">
+
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+
+			};
+		},
+		methods: {
+			toorder() {
+				uni.navigateTo({
+					url: '/pages/mine/myorder'
+				})
+			},
+			tocard() {
+				uni.navigateTo({
+					url: '/pages/mine/card'
+				})
+			},
+			tosetting() {
+				uni.navigateTo({
+					url: '/pages/mine/setting'
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	.page {
+		height: 95vh;
+		position: relative;
+		z-index: 1;
+		background: #F4F5F7;
+		padding: 0 28rpx;
+	}
+
+	.order {
+		width: 694rpx;
+		height: 592rpx;
+		background: #FFFFFF;
+		border-radius: 20rpx;
+		padding: 30rpx 20rpx;
+	}
+
+	.success {
+		font-size: 40rpx;
+		font-family: PingFangSC, PingFang SC;
+		font-weight: 500;
+		color: #FFFFFF;
+		margin-top: 12rpx;
+		margin-bottom: 38rpx;
+	}
+	.info{
+		width: 694rpx;
+		height: 420rpx;
+		background: #FFFFFF;
+		border-radius: 20rpx;
+		margin-top: 20rpx;
+		padding: 30rpx 20rpx;
+	}
+
+	.index-navbar {
+		position: fixed;
+		top: 0;
+		left: 0;
+		width: 100vw;
+		z-index: -1;
+
+		// overflow: hidden;
+		.back {
+			position: absolute;
+			top: 0;
+			left: 0;
+			z-index: -1;
+			width: 750rpx;
+			height: 636rpx;
+			background: linear-gradient(180deg, #06A971 0%, #F4F4F4 100%);
+		}
+	}
+</style>