sooka_consult_uniapp/pages/liveBroadcast/liveBroadcast.vue

<template>
	<!-- 直播带货列表 -->
	<view>
		<view class="rnwdList" @tap="goDetails" v-for="(item, index) in dataSource" :key="index">
			<span class="lb">{{ item.type }}</span>

			<view class="list">
				<span class="listTitle">{{ item.title }}</span>
				<view class="jlSj">
					<span class="jf">
						{{ item.jf }}
						<em class="iconfont icon-jifen"></em>
					</span>
					<view class="ck">
						<span>
							<em class="iconfont icon-pinglun"></em>
							{{ item.pl }}
						</span>
						<span>
							<em class="iconfont icon-chakan"></em>
							{{ item.ck }}
						</span>
						<span>
							<em class="iconfont icon-shoucang"></em>
							{{ item.dz }}
						</span>
					</view>
				</view>
			</view>

			<em class="iconfont icon-xiangyoujiantou"></em>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				dataSource: [{
						ck: '10',
						dz: '120',
						id: 1,
						jf: '100',
						pl: '10',
						title: '探索乡村能源供给新模式',
						type: '三农'
					},
					{
						ck: '20',
						dz: '220',
						id: 2,
						jf: '200',
						pl: '20',
						title: '探索乡村能源供给新模式 美丽新画卷',
						type: '三农'
					},
					{
						ck: '30',
						dz: '30',
						id: 3,
						jf: '300',
						pl: '30',
						title: '探索乡村能源供给新模式 绘就乡村振兴美丽新画卷',
						type: '三农'
					}
				]
			}
		},
		/**
		 * 生命周期函数--监听页面加载
		 */
		onLoad(options) {},
		methods: {
			goDetails() {
			    uni.navigateTo({
			        url: '/pages/liveBroadcastDetails/liveBroadcastDetails'
			    });
			},
		}
	}
</script>

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