sooka_consult_uniapp/pages/liveBroadcast/liveBroadcast.vue

<template>
	<!-- 直播带货列表 -->
	<view class="container">
		<view class="rnwdList">
			<view class="list" @tap="goDetails(item.id)" v-for="(item, index1) in dataSource" :key="index1">
				<span class="listTitle">{{ item.titleName }}</span>

				<view class="onePic" v-if="item.pictureList.length == 1">
					<image :src="loadImgSrcLocalhost(item2)" v-for="(item2, index2) in item.pictureList" :key="index2">
					</image>
				</view>
				<view class="twoPic" v-if="item.pictureList.length == 2">
					<image :src="loadImgSrcLocalhost(item2)" v-for="(item2, index2) in item.pictureList" :key="index2">
					</image>
				</view>
				<view class="threePic" v-if="item.pictureList.length == 3">
					<image :src="loadImgSrcLocalhost(item2)" v-for="(item2, index2) in item.pictureList" :key="index2">
					</image>
				</view>
				<view class="threePic" v-if="item.pictureList.length > 3">
					<image :src="loadImgSrcLocalhost(item2)" v-for="(item2, index2) in item.pictureList"
						v-if="index2 < 3" :key="index2"></image>
				</view>

				<view class="jlSj">
					<view class="ck">
						<span>
							<em class="iconfont icon-chakan"></em>
							{{ item.likeNum }}
						</span>
						<span>
							<em class="iconfont icon-shoucang"></em>
							{{ item.watchNum }}
						</span>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		list
	} from '@/api/liveBroadcast/liveBroadcast.js';
	export default {
		data() {
			return {
				dataSource: [],
				// 数据总量
				total: 0,
				queryParams: {
					// 当前页
					pageNum: 1,
					// 每页数据量
					pageSize: 10,
				},
				loading: false,
			}
		},
		/**
		 * 生命周期函数--监听页面加载
		 */
		onLoad(options) {
			this.getList(1)
		},
		methods: {
			goDetails(id) {
				uni.navigateTo({
					url: '/pages/liveBroadcastDetails/liveBroadcastDetails?id=' + id,
				});
			},
			// 分页触发
			change(e) {
				this.getList(e.current);
			},
			// 获取数据
			getList(pageNum) {
				let params = {
					pageSize: this.queryParams.pageSize,
					pageNum: pageNum,
				}
				list(params).then(res => {
					if (res.code == 200) {
						this.dataSource = res.rows
						this.total = res.total
					}
				})
			},
		}
	}
</script>

<style>
	@import './liveBroadcast.css';
</style>