|
@ -1,5 +1,8 @@ |
|
|
<template> |
|
|
<template> |
|
|
<view class="bg"> |
|
|
<view class="bg"> |
|
|
|
|
|
<view class="topImg relative"> |
|
|
|
|
|
<image v-if="headImg" :src="showImg(headImg)" class="topImg" mode="widthFix"></image> |
|
|
|
|
|
</view> |
|
|
<view class="item" v-for="(item,index) in list" :key="index" @click="gotoDetailByType(item)"> |
|
|
<view class="item" v-for="(item,index) in list" :key="index" @click="gotoDetailByType(item)"> |
|
|
<image :src="showImg(item.headimg)" mode="aspectFill "></image> |
|
|
<image :src="showImg(item.headimg)" mode="aspectFill "></image> |
|
|
<view class="content flex-column"> |
|
|
<view class="content flex-column"> |
|
@ -24,12 +27,14 @@ |
|
|
export default { |
|
|
export default { |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
|
|
|
headImg:null, |
|
|
list: [], |
|
|
list: [], |
|
|
finished: false |
|
|
finished: false |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
onReady() { |
|
|
onReady() { |
|
|
this.getList() |
|
|
this.getList() |
|
|
|
|
|
this.getHeadImg(2377).then(res => {this.headImg = res}) |
|
|
}, |
|
|
}, |
|
|
onReachBottom() { |
|
|
onReachBottom() { |
|
|
setTimeout(() => { |
|
|
setTimeout(() => { |
|
@ -61,6 +66,9 @@ |
|
|
background-color: rgba(249, 252, 243, 1); |
|
|
background-color: rgba(249, 252, 243, 1); |
|
|
padding-bottom: 100rpx; |
|
|
padding-bottom: 100rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
.topImg{ |
|
|
|
|
|
width: 100%; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
.item { |
|
|
.item { |
|
|
margin: 30rpx 26rpx; |
|
|
margin: 30rpx 26rpx; |
|
|