This commit is contained in:
shijingjing
2023-03-29 18:20:14 +08:00
parent 4288d70f0a
commit 8bf723cc55
4 changed files with 37 additions and 20 deletions

View File

@@ -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%;

View File

@@ -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;
}
}

View File

@@ -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>

View File

@@ -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;