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

View File

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

View File

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

View File

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