|
|
|
|
@ -31,7 +31,7 @@
|
|
|
|
|
{{item.illustrate}} |
|
|
|
|
</view> |
|
|
|
|
<view class="card-content-bottom"> |
|
|
|
|
抵扣券有效期：{{item.que_illustrate}} |
|
|
|
|
{{item.que_illustrate}} |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="card-btn" @click="navTo('/pages/CardDetail/index?id='+item.id)"> |
|
|
|
|
@ -51,26 +51,30 @@
|
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="item-end row"> |
|
|
|
|
— 没有更多内容了 — |
|
|
|
|
</view> |
|
|
|
|
<!-- <view class="item-end row">--> |
|
|
|
|
|
|
|
|
|
<!-- </view>--> |
|
|
|
|
|
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<u-loadmore :status="status" fontSize="28" |
|
|
|
|
color="#ACB4B6" |
|
|
|
|
line |
|
|
|
|
line-color="#ACB4B6" |
|
|
|
|
marginBottom="30" marginTop="30" @loadmore="getCardList()"/> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
<!-- <RightNav></RightNav> --> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
|
import { |
|
|
|
|
imghost |
|
|
|
|
} from '@/config/host.js' |
|
|
|
|
import HeaderNav from '@/components/HeaderNav/Index.vue'; |
|
|
|
|
import FooterNav from '@/components/FooterNav/Index.vue'; |
|
|
|
|
import RightNav from '@/components/RightNav/Index.vue'; |
|
|
|
|
import MzButton from '../../components/MzButton/Index.vue'; |
|
|
|
|
import api from '@/utils/functions.js'; |
|
|
|
|
import {cardList} from "../../api/card"; |
|
|
|
|
import image from "@/config/image"; |
|
|
|
|
import {cardList} from "@/api/card"; |
|
|
|
|
export default { |
|
|
|
|
components: { |
|
|
|
|
HeaderNav, |
|
|
|
|
@ -82,26 +86,15 @@
|
|
|
|
|
return { |
|
|
|
|
title: 'Hello', |
|
|
|
|
loading: true, |
|
|
|
|
staticImage: { |
|
|
|
|
screenActiveImg: imghost + '/static/image/screen-active.png', |
|
|
|
|
cardBackground: imghost + '/static/image/order-card-background.png', |
|
|
|
|
wallpaperBgImage:imghost +'/static/image/card-background.png', |
|
|
|
|
dogImage:imghost+'/static/image/index-user-title-dog.png', |
|
|
|
|
}, |
|
|
|
|
indexBanner: [{ |
|
|
|
|
image: imghost + '/static/image/banner.png', |
|
|
|
|
url: '', |
|
|
|
|
}], |
|
|
|
|
user: { |
|
|
|
|
avatar: imghost + '/static/image/banner.png', |
|
|
|
|
nickname: '清晨的风', |
|
|
|
|
coupons: 221, |
|
|
|
|
id: 88685 |
|
|
|
|
}, |
|
|
|
|
staticImage: image.CardList, |
|
|
|
|
isTop: false, |
|
|
|
|
pagePadding: 100, |
|
|
|
|
petImage: imghost + '/static/image/pet_avatar1.jpeg', |
|
|
|
|
orderCardList:[], |
|
|
|
|
status:'loadmore', |
|
|
|
|
data:{ |
|
|
|
|
page:1, |
|
|
|
|
limit:10, |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
onLoad() { |
|
|
|
|
@ -109,14 +102,23 @@
|
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
navTo(url){ |
|
|
|
|
wx.navigateTo({ |
|
|
|
|
uni.navigateTo({ |
|
|
|
|
url:url |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
getCardList(){ |
|
|
|
|
cardList().then((res) => { |
|
|
|
|
console.log(res) |
|
|
|
|
this.orderCardList = res.data |
|
|
|
|
if(this.status === 'nomre'){ |
|
|
|
|
return false; |
|
|
|
|
} |
|
|
|
|
this.status = 'loading'; |
|
|
|
|
cardList(this.data).then((res) => { |
|
|
|
|
this.orderCardList.push.apply(this.orderCardList,res.data); |
|
|
|
|
if(res.data.length === 0){ |
|
|
|
|
this.status = 'nomore'; |
|
|
|
|
}else{ |
|
|
|
|
this.status = 'loadmore'; |
|
|
|
|
} |
|
|
|
|
this.data.page++; |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
@ -127,6 +129,9 @@
|
|
|
|
|
uni.$emit('isTop', false); |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
onReachBottom() { |
|
|
|
|
this.getCardList(); |
|
|
|
|
}, |
|
|
|
|
created() { |
|
|
|
|
this.pagePadding = (api.navHeight().navPaddingTop + |
|
|
|
|
api.navHeight().navHeight + (api.navHeight().headerPadding * 2)) |
|
|
|
|
|
