图书 文物

pages/book/index.vue

@@ -14,8 +14,8 @@
 					</view>
 				</swiper-item>
 			</swiper> -->
-			<u-swiper :list="bookList" :effect3d="true" :title="true" :circular="true" :indicator="true"
-			 img-mode="widthFix" :autoplay="false"></u-swiper>
+			<u-swiper :list="bookList" :effect3d="true" :circular="true" :indicator="true"
+			 img-mode="widthFix" effect3d-previous-margin="140" :autoplay="false"></u-swiper>
 
 		</view>
 
@@ -75,12 +75,14 @@
 			getBooks() {
 				console.log("123")
 				var that = this;
-				var host = "https://gb-test.ali251.langye.net"
+				var host = "https://gbyuyue.szgmbwg.org.cn"
 				uni.request({
 					url: host + '/api/mobile/book/index',
 					data: {
 						page: 1,
-						page_size: 99,
+						page_size: 99,
+						sort_name:'datetime',
+						sort_type:"ASC",
 					},
 					success: function(res) {
 						console.log("res", res)
@@ -123,10 +125,10 @@
 			height: 100vh;
 
 			swiper {
-				height: calc(100vh - 450rpx) !important;
+				height: calc(100vh - 550rpx) !important;
 				background-color: transparent!important;
 				image {
-					height: 80%;
+					height: 85%;
 
 				}
 			}
@@ -134,18 +136,24 @@
 				height:100%;
 			}
 			::v-deep .u-swiper-indicator{
-				bottom:30rpx;
+				bottom:150rpx!important;
 			}
 			::v-deep .u-list-image-wrap{
-				background-color: #fff;
+				// background-color: #fff;
+			}
+			::v-deep .u-swiper-image{
+				    position: absolute;
+				    top: 50%;
+				    left: 50%;
+				    transform: translate(-50%,-50%) scale(1.7);
 			}
 			::v-deep .u-swiper-title {
-				height: 20%;
+				height: 15%;
 				display: flex;
 				align-items: center;
 				justify-content: space-around;
 				color: #333;
-				font-size: 40rpx;
+				font-size: 38rpx;
 				background-color: #fff;
 				overflow: auto;
 				white-space: break-spaces;