1

pages/ticketCoupons/policyDetail.vue

 <template>
 	<!-- 政策详情 -->
 	<view class="policyDetail">
+		<view class="tab-box">
 			<u-tabs :list="typeList" :current="active" name="Name" :is-scroll="false" @change="changeHandler"
 				:active-color="mainColor" bg-color="#FFF" :bar-style="barStyle" height="100"></u-tabs>
+		</view>
+		
 		<view class="officialNotice">
-			<view class="title">
+			<view class="title" id="notice">
 				官方公告信息
 			</view>
 			<view class="desc">
@@ -49,13 +52,13 @@
 
 				</view>
 			</view>
-			<view class="title">
+			<view class="title" id="buyTicket">
 				购票须知
 			</view>
 			<view class="desc">
 				<rich-text :nodes="details.BookingInfo"></rich-text>
 			</view>
-			<view class="title">
+			<view class="title" id="tip">
 				温馨提示
 			</view>
 			<view class="desc">
@@ -94,13 +97,25 @@
 
 		},
 		onLoad(options) {
-			console.log(options)
 			this.ID = options.id
 			this.getDetail()
 		},
 		methods: {
 			changeHandler(i) {
 				this.active = i;
+				let toID=""
+				if(i===0){
+					toID="#notice"
+				}else if(i==1){
+					toID="#buyTicket"
+				}else if(i==2){
+					toID="#tip"
+				}
+				uni.pageScrollTo({
+				    // scrollTop: 0,
+					selector:toID,
+				    duration: 300
+				});
 			},
 			//获取详情
 			getDetail() {
@@ -124,7 +139,14 @@
 </script>
 
 <style lang="scss" scoped>
+	.tab-box{
+		width: 750rpx;
+		position: fixed;
+		top: 0;
+		left: 0;
+	}
 	.policyDetail {
+		margin-top: 100rpx;
 		.officialNotice {
 			padding: 0 45rpx 90rpx;