You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
167 lines
3.4 KiB
167 lines
3.4 KiB
<template>
|
|
<view class="pages">
|
|
<!-- <view class="sort-search">
|
|
<u-search
|
|
v-model="keyword"
|
|
bg-color="#fff"
|
|
height="80"
|
|
placeholder="日照香炉生紫烟"
|
|
:action-style="{color: '#fff'}"
|
|
/>
|
|
</view> -->
|
|
<view class="top_bg_text" :style="'background-image: url('+pageImage+')'">
|
|
</view>
|
|
<view class="item" v-for="(items,index) in list" :key="index" @click="toDetale(items.id)">
|
|
<view class="left_box">
|
|
<text class="title m-t-20">{{items.title}}</text>
|
|
<text>{{items.subTitle}}</text>
|
|
<!-- <rich-text :nodes='items.article'></rich-text> -->
|
|
<!-- <u-parse :html="items.article" ></u-parse> -->
|
|
</view>
|
|
<image class="img_" :src="items.cover" mode=""></image>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import config from "./config.js"
|
|
export default {
|
|
data() {
|
|
return {
|
|
htmls: '<text>adada</text>',
|
|
pageImage: '', //背景图
|
|
list: [],
|
|
pageNo: 1,
|
|
pageSize:10,
|
|
title: '',
|
|
total: null,
|
|
islock: false, // 加载更多的锁
|
|
}
|
|
},
|
|
onReachBottom() {
|
|
if(!this.isLock) {
|
|
if(this.pageNo * this.pageSize > this.total && this.total!== null) {
|
|
// 没有更多加载了
|
|
this.isLock = true;
|
|
this.$Toast('没有更多数据了呢！');
|
|
setTimeout(()=> {
|
|
// 3秒后解锁
|
|
this.isLock = false;
|
|
},3000)
|
|
return
|
|
}
|
|
this.isLock = true;
|
|
this.pageNo+=1;
|
|
this.getanswerList();
|
|
}
|
|
},
|
|
onUnload() {
|
|
var that = this;
|
|
let page_url = getCurrentPages()
|
|
console.log("=========" + getCurrentPages());
|
|
if (page_url.length > 1) {
|
|
var url = page_url[1].route;
|
|
console.log(url);
|
|
if (url == "pagesB/homeGridList/answerQuestionsPrize/index") {
|
|
// 回首页
|
|
uni.switchTab({
|
|
url: "/pages/home/home",
|
|
})
|
|
}
|
|
}
|
|
},
|
|
onLoad(options) {
|
|
this.pageImage = options.pageImage
|
|
this.getanswerList();
|
|
},
|
|
methods: {
|
|
getanswerList() {
|
|
uni.showLoading();
|
|
const params = {
|
|
pageNo: this.pageNo,
|
|
pageSize: this.pageSize
|
|
}
|
|
this.$api('answerList',params).then( res => {
|
|
let { code, result, message} = res
|
|
if(code == 200) {
|
|
uni.hideLoading();
|
|
this.isLock = false;
|
|
this.list = this.list.concat(result.records);
|
|
}else {
|
|
this.$Toast(message)
|
|
}
|
|
}).catch(err => {
|
|
this.isLock = false;
|
|
uni.hideLoading()
|
|
this.$Toast(err.message)
|
|
})
|
|
},
|
|
toDetale(id) {
|
|
uni.navigateTo({
|
|
url: "./detale/detale?id="+id
|
|
})
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
.sort-search {
|
|
padding: 0 20rpx 20rpx;
|
|
background: $u-type-primary;
|
|
}
|
|
.pages{
|
|
background-color: #F5F5F5;
|
|
height: 100%;
|
|
.item{
|
|
width: 100%;
|
|
display: flex;
|
|
margin-top: 21rpx;
|
|
background-color: #fff;
|
|
font-size: 27rpx;
|
|
box-sizing: border-box;
|
|
padding-left: 26rpx;
|
|
padding-right: 20rpx;
|
|
.left_box{
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
.title{
|
|
font-weight: bold;
|
|
margin-top: 16prx;
|
|
margin-bottom: 7rpx;
|
|
color: #000;
|
|
}
|
|
.alt{
|
|
color: #707070;
|
|
}
|
|
}
|
|
.img_{
|
|
width: 188rpx;
|
|
height: 212rpx;
|
|
margin: 20rpx;
|
|
}
|
|
}
|
|
}
|
|
.top_bg_text{
|
|
width: 100%;
|
|
height: 184rpx;
|
|
margin-top: 30rpx;
|
|
background-size: 100% 184rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
.title_max{
|
|
margin-top: 20rpx;
|
|
font-size: 54rpx;
|
|
font-weight: bold;
|
|
color: #73B8DE;
|
|
}
|
|
.title_min{
|
|
margin-top: 10rpx;
|
|
font-size: 28rpx;
|
|
color: #73B8DE;
|
|
}
|
|
}
|
|
</style>
|