From bd1a7d5c749c52e4a44f1f0579a82905093a503c Mon Sep 17 00:00:00 2001
From: lion <120344285@qq.com>
Date: Wed, 15 May 2024 11:20:43 +0800
Subject: [PATCH] up

---
 components/tabbar/tabbar.vue |  10 ++
 pages.json                   |  11 ++
 pages/book/index.vue         | 188 +++++++++++++++++++++++++++++++++++
 pages/me/me.vue              |   2 +-
 static/icon4-cur.png         | Bin 0 -> 979 bytes
 static/icon4.png             | Bin 0 -> 771 bytes
 6 files changed, 210 insertions(+), 1 deletion(-)
 create mode 100644 pages/book/index.vue
 create mode 100644 static/icon4-cur.png
 create mode 100644 static/icon4.png

diff --git a/components/tabbar/tabbar.vue b/components/tabbar/tabbar.vue
index 6e96724..5251721 100644
--- a/components/tabbar/tabbar.vue
+++ b/components/tabbar/tabbar.vue
@@ -49,6 +49,16 @@
 					{
 						id: 2,
 						centerItem: false,
+						width: 52,
+						height: 61,
+						"text": "书籍",
+						"pagePath": "/pages/book/index",
+						"iconPath": require("@/static/icon4.png"),
+						"selectedIconPath": require("@/static/icon4-cur.png")
+					},
+					{
+						id: 3,
+						centerItem: false,
 						width: 54,
 						height: 60,
 						"text": "我的",
diff --git a/pages.json b/pages.json
index f17040e..77d35b1 100644
--- a/pages.json
+++ b/pages.json
@@ -17,6 +17,11 @@
 		"style": {
 			"navigationStyle": "custom"
 		}
+	}, {
+		"path": "pages/book/index",
+		"style": {
+			"navigationStyle": "custom"
+		}
 	}, {
 		"path": "pages/me/me",
 		"style": {
@@ -84,6 +89,12 @@
 				"pagePath": "pages/line/line",
 				"iconPath": "/static/icon2.png",
 				"selectedIconPath": "/static/icon2-cur.png"
+			},
+			{
+				"text": "书籍",
+				"pagePath": "pages/book/index",
+				"iconPath": "/static/icon4.png",
+				"selectedIconPath": "/static/icon4-cur.png"
 			},
 			{
 				"text": "我的",
diff --git a/pages/book/index.vue b/pages/book/index.vue
new file mode 100644
index 0000000..62a5283
--- /dev/null
+++ b/pages/book/index.vue
@@ -0,0 +1,188 @@
+<template>
+	<view class="wrap">
+		<image class="bg" :src="require('@/static/qus-bg.jpg')" mode=""></image>
+		<view class="book">
+			<!-- <swiper class="swiper" @change="changeBook" :current="bookIndex" circular previous-margin="80rpx"
+				next-margin="110rpx">
+				<swiper-item  class="book-item" v-for="(item,index) in bookList">
+					<view class="book-img">
+						<image
+							:src="item.url?item.url:''" alt="" mode="heightFix">
+					</view>
+					<view class="book-title">
+						{{item.title}}
+					</view>
+				</swiper-item>
+			</swiper> -->
+			<u-swiper :list="bookList" :effect3d="true" :title="true" :circular="true" :indicator="true"
+			 img-mode="widthFix" :autoplay="false"></u-swiper>
+
+		</view>
+
+
+
+		<tabbar :currentPage="2"></tabbar>
+	</view>
+</template>
+
+<script>
+	import tabbar from '@/components/tabbar/tabbar.vue'
+	import {
+		shareInfo
+	} from "@/common/util.js"
+	export default {
+		components: {
+			tabbar
+		},
+		data() {
+			return {
+				navBarTop: 0,
+				bookList: [],
+				bookIndex: 0,
+				swiperHeight: 0
+
+			}
+		},
+		onShareAppMessage() {
+			return shareInfo
+		},
+		onShareTimeline() {
+			return shareInfo
+		},
+		onLoad() {
+
+			const MenuButton = uni.getMenuButtonBoundingClientRect()
+			this.navBarTop = MenuButton.top //左侧文字与右侧胶囊对齐
+
+			this.getBooks()
+		},
+		onShow() {
+			let that = this
+			uni.getSystemInfo({
+				success: function(info) {
+					console.log('屏幕的高度：' + info.windowHeight);
+					that.swiperHeight = info.windowHeight * .7 * 2
+					console.log(that.swiperHeight)
+					console.log('屏幕的宽度：' + info.windowWidth);
+				}
+			});
+		},
+		methods: {
+			changeBook(e) {
+				console.log(e)
+				this.bookIndex = e.detail.current
+			},
+			getBooks() {
+				console.log("123")
+				var that = this;
+				var host = "https://gb-test.ali251.langye.net"
+				uni.request({
+					url: host + '/api/mobile/book/index',
+					data: {
+						page: 1,
+						page_size: 99,
+					},
+					success: function(res) {
+						console.log("res", res)
+						let arr = []
+						res.data.data.map(item => {
+							arr.push({
+								image: item.image.url,
+								id: item.id,
+								title: item.name
+							})
+						})
+						that.bookList = arr
+						console.log(that.bookList)
+					},
+					fail: function(res) {
+
+					}
+				})
+			},
+		}
+	}
+</script>
+
+<style lang="scss">
+	.wrap {
+		width: 100vw;
+		height: 100vh;
+
+		// overflow: scroll;
+		.bg {
+			height: 100vh;
+			width: 100vw;
+			position: absolute;
+			top: 0;
+			left: 0;
+		}
+
+		.book {
+			padding: 175rpx 0;
+			height: 100vh;
+
+			swiper {
+				height: calc(100vh - 450rpx) !important;
+				background-color: transparent!important;
+				image {
+					height: 80%;
+
+				}
+			}
+			::v-deep .u-swiper-wrap{
+				height:100%;
+			}
+			::v-deep .u-swiper-indicator{
+				bottom:30rpx;
+			}
+			::v-deep .u-list-image-wrap{
+				background-color: #fff;
+			}
+			::v-deep .u-swiper-title {
+				height: 20%;
+				display: flex;
+				align-items: center;
+				justify-content: space-around;
+				color: #333;
+				font-size: 40rpx;
+				background-color: #fff;
+				overflow: auto;
+				white-space: break-spaces;
+				text-overflow: clip;
+				text-align: center;
+
+			}
+			::v-deep .u-indicator-item-round-active{
+				background-color: #9f4946;
+			}
+			&-item {
+				padding: 0 30rpx;
+				// transform: scale(.7);
+
+				// margin:0 80rpx;
+			}
+
+			&-img {
+				background-color: #fff;
+				height: 70%;
+
+				image {
+					width: calc(100vw - 160rpx);
+					height: 70%;
+				}
+			}
+
+			&-title {
+				text-align: center;
+				padding: 75rpx 30rpx;
+				background-color: #ffffff;
+				display: flex;
+				align-items: center;
+				justify-content: space-around;
+				font-size: 42rpx;
+				color: #000;
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/pages/me/me.vue b/pages/me/me.vue
index 0455594..ebc1d24 100644
--- a/pages/me/me.vue
+++ b/pages/me/me.vue
@@ -91,7 +91,7 @@
 				<view class="login-btn-btn" @click="submit">提 交</view>
 			</view>
 		</u-popup>
-		<tabbar :currentPage="2"></tabbar>
+		<tabbar :currentPage="3"></tabbar>
 	</view>
 </template>
 
diff --git a/static/icon4-cur.png b/static/icon4-cur.png
new file mode 100644
index 0000000000000000000000000000000000000000..81fc2362d8563624a36ef73985f66c7457e686af
GIT binary patch
literal 979
zcmV;^11$WBP)<h;3K|Lk000e1NJLTq001-q002D*1^@s6;&)0T000A;Nkl<ZXo2mT
zOH30%7{~v+?Up_Rg^CBcNrLYn4}lP)@z?-Yjfn@n+JhcB`{>EogNX-^UW|!}F@{7>
z;)4)Hc?iA;3IP(NR$jJh+nqJvunUM-T5H=W*<aEGc4v3L-_F<W%zh({4m^Ot{jPiM
z0FDFL55NOJ(swcaL;qWl8Wn)1x05z$n=NqwJpeAY`8&qwTwLgW*FBe_*ls5haldf^
zNit%QplJ-N+hsl8jmV^Jwya)DlBBSvX~)|99mCSq%V!m<Re6|9CXU){HtgJ44PUtr
zHe1Px*!1)i-oAf>svT9>RkH`0wsDYj5BdjRArgt8_P{~-d_Mf8Y4$pjgm^rT_oMId
z`ST1c7R!LDs?Amar%A?cx1*`41s<2@kArRYWjU+W3Tl@MSzgXaYG=1Qa$}=I*Ql$l
z$K$7u5RFD_0qmumI7Pc_YIbiZLl|9~$<1atOSRvzSS)b6SK_WDp+?%cecSfD1dtO}
z^O})RiJ~anbSofl35zwDLZV{|iB48RG=i9z7)LUh6h_nfuLq8d4CB+pNB;NB><sD;
zHt>-|?#6EEkx>uHdh@}delA1LFNec{aCjEaU-a^^RiU3}>GhC4fKIX`244?ga%z$X
z-cZ*Fhs%lH-X46N`-+$SePF7pA5)l~$|&XNJHr@*qS&}hMMVYQ-qhHFzL(DtiF{dU
zyE^^IFKMNm*IN#!)5&Eh#pwHD$Pg}<3x^t;;Vtv>IS@@7N=wV~C$i?|rPV_oj|Yca
zk02WT2B*^nnm4V7L|d9$5sSsRU|xG@&7>>sl%pSjvNCVVHnJ?k?RIAuT$Y#*R?#tq
zM8^~o9aBhjOd-)Rg+#{`5*<@WbW9=9F@;3O6cQa%NOVjg(cwaxR^TdCmPqo-dvr+`
zVn6A<bTOi;Dy{P|B2V&{^@&7cesOWpHMcP5iN&Htr8Pf4hoz+@Din+{#`<_sRMWKb
zC(pWzHtl3t9%qcTxA{93j4H2D@VN`%gT5-UFeSLm2{XoSw)s24SXUnko$I`IezVhs
zf`NiYf3EXd%Kftbp&q%Bx2ST6@zb_Q%MG@Y(02eo3LMLSfrMyXODPqzw}1~9dZo*>
z3J_1$kkB3dBo{)#KxGlTa7gGnfFS_;0Cb0fffJ!%Aa(s-U?f^p9ts9(0NesltA{!Z
zV5-PmXn=5q3lX7UfEGWW0dNvPH2`P9L(CN5(l54Q5|;BGRzd&(002ovPDHLkV1iWK
B$@c&N

literal 0
HcmV?d00001

diff --git a/static/icon4.png b/static/icon4.png
new file mode 100644
index 0000000000000000000000000000000000000000..8733efc57a460bd8c74118b4ac97cb398d93d355
GIT binary patch
literal 771
zcmV+e1N{7nP)<h;3K|Lk000e1NJLTq001-q002D*1^@s6;&)0T0008YNkl<ZXo2mT
zUx-Xm9LGO1X4giWMEmYf9xUYnr7eG6P(n%mrj|D;<xzQJQ<Qj9#0!O@c;F4~0})B`
zKP&(9FGBw8nw`;4-=k~o&d!**bI;w*r=~k|@407wpE>uQbMBm9X7A2TL|6>01f~Mb
zKt_iOdfDe;l%^Lbs$6D}venW9Tn0LTE~_i23P%EmB;&|yYr!={_WvvqXtZomb;Kp*
zzH1V&0GJQl&S~cfU=i>h*bQ6+-snVYnYF+!;0Ul4$d>q$qre=X9k>vqki|6?*bXcK
z4gm8^XuV`!%JObMC%@J9i^`SayN<mAUc@Bhuvk_DH-T9|tNqgJba2}MGDI%Tfm$Yt
zYmtUB%GQE!z&+K|Vgb$oz5-|K6hIufAG%;~h6A4@m3pF=P~2T?T`1?C2tr8`gnXx3
zA)7&L)V$9Na{n2G^@#g`&HB6)SOI)ay0@&fg?h9-ESZnMQ%w%f0b?|BCq}s~<bL&L
z&C1&~5HACs0Ox@=;3Ux0=bXAysgT_>jlc)VbZWn~&>3KE<eWkhLgij^mw?BTd8YfN
zGjjY9un@SS=Ot^gYca*#A4RvX+!ne6OxMFym!6yY@?0%6PJ;Q;Ro0Y0mv<$-oOJ+K
z2PxAH+^?g^KZJqRcY=`b1R>uELcSA(d?yI`P7v~)Amlqi$ajK}?*t*=2|~UTgnVbH
z2)X~!Gf|=Lgo3G-5x_*%k#~RA+geVm7OlpoED2*KFhzMv*K=B1Y0=tFQyCTb$U|Vc
zrT93ZMg@6V2YXZ0O7E1%XWPHlhip}QOLB45hOA!JA_vnhL!{fb{DRjB$5IoVkfl}r
zNV&^zvKo{|DKj|rn9vQ$v<(%ZQ+mHc<58+Hq5Z%ujkcCdu?iTSR;iqFu`M&?I4})3
zrabMqbFOQRO%V3Df%O3}8`uD>(PVFO%7g$W`~scDewL1Mj935w002ovPDHLkV1l=i
BX`%oC

literal 0
HcmV?d00001