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