<template>
	<view class="content">
		<view class="flex jc_between ai_center pdy-20">
			<view class="">
				共2745章 已完结
			</view>
			<view class="">
			  <uni-data-select
			    style="width: 270rpx;font-size: 18rpx;"
				class="select"
				v-model="value"
				:localdata="rangeList"
				@change="change"
				:clear="false"
			  ></uni-data-select>
			</view>
		</view>
		<scroll-view scroll-y="true" @scrolltolower="lower" class="catalogue_item">
			<view class="pdy-20 bottom-border" 
			@click="navTo('/pages/redBook/index')"
			v-for="(catalogue,index) in list" :key="index">
				第{{ catalogue.num }}章 {{ catalogue.title }}
			</view>
		</scroll-view>
	</view>
</template>

<script>
	import { onShow,onLoad } from "@dcloudio/uni-app";
	export default {
		components: {},
		data(){
			return{
				list:[
					{ title:'不值一提',num:1 },
					{ title:'不值一提',num:1 },
					{ title:'不值一提',num:1 },
					{ title:'不值一提',num:1 },
					{ title:'不值一提',num:1 },
					{ title:'不值一提',num:1 },
					{ title:'不值一提',num:1 },
					{ title:'不值一提',num:1 },
					{ title:'不值一提',num:1 },
					{ title:'不值一提',num:1 },
					{ title:'不值一提',num:1 },
					{ title:'不值一提',num:1 },
					{ title:'不值一提',num:1 },
					{ title:'不值一提',num:1 },
					{ title:'不值一提',num:1 },
					{ title:'不值一提',num:1 },
					{ title:'不值一提',num:1 },
					{ title:'不值一提',num:1 },
					{ title:'不值一提',num:1 },
					{ title:'不值一提',num:1 },
					{ title:'不值一提',num:1 },
					{ title:'不值一提',num:1 },
					{ title:'不值一提',num:1 },
					{ title:'不值一提',num:1 },
					{ title:'不值一提',num:1 },
					{ title:'不值一提',num:1 },
					{ title:'不值一提',num:1 },
					{ title:'不值一提',num:1 },
					{ title:'不值一提',num:1 },
					{ title:'不值一提',num:1 },
					{ title:'不值一提',num:1 },
					{ title:'不值一提',num:1 },
				],
				rangeList:[
					{ value: 0, text: "第1-100章" },
					{ value: 1, text: "第101-200章" },
					{ value: 2, text: "第201-300章" },
					{ value: 2, text: "第301-400章" },
					{ value: 2, text: "第401-500章" },
					{ value: 2, text: "第501-600章" },
					{ value: 2, text: "第601-700章" },
					{ value: 2, text: "第701-800章" },
					{ value: 2, text: "第801-900章" },
					{ value: 2, text: "第901-1000章" },
					{ value: 2, text: "第1001-1100章" },
					{ value: 2, text: "第1101-1200章" },
				],//范围
				 value: 0,
			}
		},
		onShow(){
			
		},
		onLoad(){
			
		},
		methods: {
			navTo(url){
				uni.navigateTo({
					url
				})
			},
			lower(e){
				console.log('触底了',e)
			},
			 change(e) {
			        console.log("e:", e);
			      },
		}
	}
</script>
<style lang='scss' scoped>
	.content{
		max-height: 100vh;
		background-color: #fff;
		padding: 0 30rpx;
	}
	.catalogue_item{
		max-height: 85vh;
		padding: 20rpx;
		overflow-y: scroll;
	}
</style>