|
|
@@ -1,81 +1,91 @@
|
|
|
<template>
|
|
|
<!-- 直播带货列表 -->
|
|
|
- <view>
|
|
|
- <view class="rnwdList" @tap="goDetails" v-for="(item, index) in dataSource" :key="index">
|
|
|
- <span class="lb">{{ item.type }}</span>
|
|
|
+ <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="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 }}
|
|
|
+ {{ item.likeNum }}
|
|
|
</span>
|
|
|
<span>
|
|
|
<em class="iconfont icon-shoucang"></em>
|
|
|
- {{ item.dz }}
|
|
|
+ {{ item.watchNum }}
|
|
|
</span>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
-
|
|
|
- <em class="iconfont icon-xiangyoujiantou"></em>
|
|
|
</view>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+ import {
|
|
|
+ list
|
|
|
+ } from '@/api/liveBroadcast/liveBroadcast.js';
|
|
|
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: '三农'
|
|
|
- }
|
|
|
- ]
|
|
|
+ dataSource: [],
|
|
|
+ // 数据总量
|
|
|
+ total: 0,
|
|
|
+ queryParams: {
|
|
|
+ // 当前页
|
|
|
+ pageNum: 1,
|
|
|
+ // 每页数据量
|
|
|
+ pageSize: 10,
|
|
|
+ },
|
|
|
+ loading: false,
|
|
|
}
|
|
|
},
|
|
|
/**
|
|
|
* 生命周期函数--监听页面加载
|
|
|
*/
|
|
|
- onLoad(options) {},
|
|
|
+ onLoad(options) {
|
|
|
+ this.getList(1)
|
|
|
+ },
|
|
|
methods: {
|
|
|
- goDetails() {
|
|
|
- uni.navigateTo({
|
|
|
- url: '/pages/liveBroadcastDetails/liveBroadcastDetails'
|
|
|
- });
|
|
|
+ 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
|
|
|
+ }
|
|
|
+ })
|
|
|
},
|
|
|
}
|
|
|
}
|
bihuisong