dl_uniapp/pages/index.vue

<template>
	<view class="content">
		<!-- 主体区域 -->
		<view class="content-body">
			<!-- 通告列表页 -->
			<notice-index v-show="'home'==menuCode"></notice-index>
			<mine-index :nowUserType.sync="nowUserType" @update:params="updateParams"
				v-show="'my'==menuCode"></mine-index>
			<subscribe v-show="'dingyue'==menuCode"></subscribe>
			<my-notice v-show="'myNotice'==menuCode"></my-notice>
		</view>
		<tabBarVue :menuCode="menuCode" ref="tarBar" @changeMenu="changeMenu"></tabBarVue>
	</view>
</template>

<script>
	import {
		changeUserType,
		getUserType,
		formatNumberWithUnits,
		calculateTimeDifference
	} from '@/utils/common.js'
	import tabBarVue from '@/components/tabbar/tabBar.vue'
	import noticeIndex from '@/pages/components/notice-index.vue'
	import subscribe from '@/pages/components/subscribe.vue'
	import mineIndex from '@/pages/mine/mine-index.vue'
	import myNotice from '@/pages/components/my-notice.vue'
	export default {
		components: {
			tabBarVue,
			noticeIndex,
			subscribe,
			mineIndex,
			myNotice
		},
		data() {
			return {
				//当前用户类型
				nowUserType: null,
				menus: ['全部', '最新', '高奖励', '急招', '品牌置换'],
				menuIndex: 0,
				dataList: ['1', '2', '2', '2'],
				queryParams: {
					pageNo: 1,
					pageSize: 10,
				},
				total: 0,
				//下来刷新状态
				isTriggered: false,
				menuCode: "home",
			}
		},
		onLoad: function() {
			this.nowUserType = getUserType()
		},
		methods: {
			updateParams(newVal) {
				this.nowUserType = newVal;
			},

			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: #F6F6F6;
		font-size: 38rpx;
		height: calc(100vh - var(--window-bottom) - 117rpx);
	}

	.content-body {
		width: 100%;
		height: 100%;
		background-color: white;
		// padding-bottom: calc(var(--window-bottom) + 127rpx);
	}
</style>