认证
This commit is contained in:
@@ -191,7 +191,7 @@ export default {
|
|||||||
height: 100vh;
|
height: 100vh;
|
||||||
|
|
||||||
.container{
|
.container{
|
||||||
background: url('https://cdn.cunwuyun.cn/fengdu/mdpi_img-bg2.png') no-repeat;
|
background: url('https://cdn.cunwuyun.cn/fengdu/img-bg2.png') no-repeat;
|
||||||
background-size: 100% auto;
|
background-size: 100% auto;
|
||||||
.swiper-content {
|
.swiper-content {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|||||||
@@ -14,7 +14,7 @@
|
|||||||
<p>积分申请</p>
|
<p>积分申请</p>
|
||||||
<h4>好事自荐得积分</h4>
|
<h4>好事自荐得积分</h4>
|
||||||
</div>
|
</div>
|
||||||
<div class="jsrw" @click="toPages('/mods/AppNewFarmerBank/concentrationTask')">
|
<div class="jsrw" @click="toPages('./integralTask')">
|
||||||
<p>积分任务</p>
|
<p>积分任务</p>
|
||||||
<h4>完成任务得积分</h4>
|
<h4>完成任务得积分</h4>
|
||||||
</div>
|
</div>
|
||||||
@@ -93,10 +93,14 @@ export default {
|
|||||||
|
|
||||||
.swiper-content {
|
.swiper-content {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 300px;
|
height: 332px;
|
||||||
|
padding: 32px 32px 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
background: #FFF;
|
||||||
img {
|
img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
border-radius: 16px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -10,7 +10,7 @@
|
|||||||
<div class="rank">
|
<div class="rank">
|
||||||
<div class="header-content">
|
<div class="header-content">
|
||||||
<div class="item">
|
<div class="item">
|
||||||
<span class="item-num">{{ inx }}</span>
|
<span class="item-num">{{ inx + 1 }}</span>
|
||||||
<image :src="userInfo.avatar_url" alt="" class="user-img mar-b4" v-if="userInfo.avatar_url" />
|
<image :src="userInfo.avatar_url" alt="" class="user-img mar-b4" v-if="userInfo.avatar_url" />
|
||||||
<span class="user-name-bg mar-b4 mar-r24" v-else>{{ $formatName(userInfo.name) }}</span>
|
<span class="user-name-bg mar-b4 mar-r24" v-else>{{ $formatName(userInfo.name) }}</span>
|
||||||
<span class="item-name">{{ userInfo.name }}</span>
|
<span class="item-name">{{ userInfo.name }}</span>
|
||||||
|
|||||||
@@ -1,9 +1,11 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="integralTask">
|
<div class="integralTask">
|
||||||
|
<div class="fix-top">
|
||||||
<div class="img-bg">
|
<div class="img-bg">
|
||||||
<img src="https://cdn.cunwuyun.cn/fengdu/img-jifenlist.png" alt="">
|
<img src="https://cdn.cunwuyun.cn/fengdu/img-jifenlist.png" alt="">
|
||||||
</div>
|
</div>
|
||||||
<div class="title">任务大厅</div>
|
<div class="title">任务大厅</div>
|
||||||
|
</div>
|
||||||
<div class="card-list" v-if="list.length">
|
<div class="card-list" v-if="list.length">
|
||||||
<div class="card" v-for="(item,index) in list" :key="index" @click="$linkTo('./taskDetail?id='+item.id)">
|
<div class="card" v-for="(item,index) in list" :key="index" @click="$linkTo('./taskDetail?id='+item.id)">
|
||||||
<h4>{{ item.title }}</h4>
|
<h4>{{ item.title }}</h4>
|
||||||
@@ -53,7 +55,7 @@ export default {
|
|||||||
}
|
}
|
||||||
}).then(res=> {
|
}).then(res=> {
|
||||||
if(res?.data) {
|
if(res?.data) {
|
||||||
this.list = res.data.records
|
this.list = this.current > 1 ? [...this.list, ...res.data.records] : res.data.records
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
@@ -67,7 +69,7 @@ export default {
|
|||||||
})
|
})
|
||||||
},
|
},
|
||||||
onReachBottom() {
|
onReachBottom() {
|
||||||
this.current++;
|
this.current++
|
||||||
this.getList()
|
this.getList()
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
@@ -75,6 +77,13 @@ export default {
|
|||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.integralTask {
|
.integralTask {
|
||||||
|
padding-top: 292px;
|
||||||
|
.fix-top {
|
||||||
|
width: 100%;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
z-index: 999;
|
||||||
.img-bg {
|
.img-bg {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 216px;
|
height: 216px;
|
||||||
@@ -87,9 +96,13 @@ export default {
|
|||||||
font-size: 34px;
|
font-size: 34px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: #222222;
|
color: #222222;
|
||||||
padding: 0 32px;
|
padding: 32px 32px 0;
|
||||||
margin-top: 32px;
|
background: #f3f5f7;
|
||||||
|
z-index: 999;
|
||||||
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.card-list {
|
.card-list {
|
||||||
padding: 24px 32px;
|
padding: 24px 32px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
|||||||
Reference in New Issue
Block a user