dl_uniapp/pages/index.vue

<template>
	<view class="content">
		<!-- 主体区域 -->
		<view style="width: 100%;">
			<!-- 通告列表页 -->
			<notice-index v-show="'home'==menuCode"></notice-index>
			<mine-index v-show="'my'==menuCode"></mine-index>
		</view>
		<tabBarVue  :currPage="0" ref="tarBar" @changeMenu="changeMenu"></tabBarVue>
	</view>
</template>

<script>
	import tabBarVue from '@/components/tabbar/tabBar.vue'
	import noticeIndex from '@/pages/components/index.vue'
	import mineIndex from '@/pages/mine/index.vue'
	export default {
		components:{
			tabBarVue,
			noticeIndex,
			mineIndex
		},
		data() {
			return {
				menus: ['全部', '最新', '高奖励', '急招',  '品牌置换'],
				menuIndex: 0,
				dataList:['1','2','2','2'],
				queryParams: {
					pageNo: 1,
					pageSize: 10,
				},
				total: 0,
				//下来刷新状态
				isTriggered: false,
				menuCode:"home",
			}
		},
		onLoad: function() {

		},
		methods: {
			itemClick(index, item) {
				this.menuIndex = index
			},
			/**
			 * 菜单切换
			 * @param {Object} code
			 */
			changeMenu(code){
				this.menuCode=code
			},
			/**
			 * 上滑加载数据
			 */
			onReachBottomCus() {
				//判断 如果页码*页容量大于等于总条数，提示该页数据加载完毕
				if (this.queryParams.pageNo * this.queryParams.pageSize >= this.total) {
					uni.$u.toast('没有更多数据了')
					return
				}
				//页码+1,调用获取数据的方法获取第二页数据
				this.queryParams.pageNo++
			},
			/**
			 * 下拉刷新数据
			 */
			onRefresherrefresh() {
				this.isTriggered = true
				this.queryParams.pageNo = 1
				this.total = 0
			},
		}
	}
</script>

<style lang="scss">
	.content {
		width: 100%;
		color: #363636;
		background-color: white;
		font-size: 38rpx;
		height: 100vh;
		padding-top: var(--status-bar-height);
		padding-bottom: var(--window-bottom);
	}
</style>