首页增加左右箭头

src/pages/index/index.vue

@@ -37,6 +37,13 @@
 							</view>
 						</swiper-item>
 					</swiper>
+					<view class="ticket-left" @click="ticketLeft()">
+						<image src="../../static/index/index_tip_left.png" mode="scaleToFill"></image>
+					</view>
+					<view class="ticket-right" @click="ticketRight()">
+						<image src="../../static/index/index_tip_left.png" mode="scaleToFill"></image>
+					</view>
+					
 				</view>
 				
 				<!-- 投诉建议 -->
@@ -407,22 +414,24 @@
 
 			// 盲票向左箭头
 			ticketLeft() {
-				if ((this.currentIndex >= 0) && (this.currentIndex < (this.ticketList.length - 1))) {
-					this.currentIndex++
-				} else if (this.currentIndex == (this.ticketList.length - 1)) {
-					this.currentIndex = 0
+				if ((this.ticketIndex >= 0) && (this.ticketIndex < (this.ticketList.length - 1))) {
+					this.ticketIndex++
+				} else if (this.ticketIndex == (this.ticketList.length - 1)) {
+					this.ticketIndex = 0
 				}
-				this.changeList()
+				this.ticketTitleIndex = this.ticketIndex
+				this.getTicketDetail(this.ticketList[this.ticketTitleIndex].boxId)
 			},
 
 			// 盲票向右箭头
 			ticketRight() {
-				if (this.currentIndex > 0) {
-					this.currentIndex--
-				} else if (this.currentIndex == 0) {
-					this.currentIndex = this.ticketList.length - 1
+				if (this.ticketIndex > 0) {
+					this.ticketIndex--
+				} else if (this.ticketIndex == 0) {
+					this.ticketIndex = this.ticketList.length - 1
 				}
-				this.changeList()
+				this.ticketTitleIndex = this.ticketIndex
+				this.getTicketDetail(this.ticketList[this.ticketTitleIndex].boxId)
 			},
 			
 			toRollingGame() {
@@ -658,6 +667,7 @@
 	// 盲票
 	.ticket {
 		height: 36vh;
+		position: relative;
 		
 		&-swiper {
 			height: 100%;
@@ -682,6 +692,40 @@
 				}
 			}
 		}
+	
+		&-left {
+			width: 100rpx;
+			height: 100rpx;
+			position: absolute;
+			top: 45%;
+			left: 0;
+			display: table-cell;
+			vertical-align: middle;
+			
+			image {
+				 display: block;
+				 margin: 25rpx auto;
+				 width: 45rpx;
+				 height: 40rpx;
+			}
+		}
+		&-right {
+			width: 100rpx;
+			height: 100rpx;
+			position: absolute;
+			top: 45%;
+			right: 0;
+			display: table-cell;
+			vertical-align: middle;
+			
+			image {
+				display: block;
+				margin: 25rpx auto;
+				width: 45rpx;
+				height: 40rpx;
+				transform: rotate(180deg);
+			}
+		}
 	}
 	
 	// 投诉建议