功德银行
This commit is contained in:
@@ -40,7 +40,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="ranking-list" v-if="list && list.length">
|
<div class="ranking-list" v-if="list && list.length">
|
||||||
<div v-if="list.length > 2">
|
|
||||||
<div class="item" v-for="(item, index) in list" :key="index" v-if="index > 2">
|
<div class="item" v-for="(item, index) in list" :key="index" v-if="index > 2">
|
||||||
<span class="item-num">{{ index + 4 }}</span>
|
<span class="item-num">{{ index + 4 }}</span>
|
||||||
<img :src="item.avatar_url" alt="" class="user-img mar-b4" v-if="item.avatar_url">
|
<img :src="item.avatar_url" alt="" class="user-img mar-b4" v-if="item.avatar_url">
|
||||||
@@ -52,7 +51,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import { mapState } from 'vuex'
|
import { mapState } from 'vuex'
|
||||||
@@ -86,13 +84,12 @@ export default {
|
|||||||
},
|
},
|
||||||
getList() {// 积分排行
|
getList() {// 积分排行
|
||||||
this.list = {}
|
this.list = {}
|
||||||
var url = `/app/appintegraluser/integralSortFD?type=${this.tabIndex}` //积分排行
|
var url = `/app/appintegraluser/integralSortFD?type=${this.tabIndex}&areaId=${this.user.areaId}` //积分排行
|
||||||
this.$instance.post(url).then(res => {
|
this.$instance.post(url).then(res => {
|
||||||
if (res.code === 0) {
|
if (res.code === 0) {
|
||||||
this.list = res.data.map(e=> ({...e, index: e.index}))
|
this.list = res.data.map(e=> ({...e, index: e.index}))
|
||||||
this.userInfo = res.data.filter(e => e.open_id === this.user.openId)
|
this.userInfo = res.data.filter(e => e.open_id === this.user.openId)
|
||||||
this.inx = res.data.findIndex(e=> e.open_id == this.user.openId)
|
this.inx = res.data.findIndex(e=> e.open_id == this.user.openId)
|
||||||
console.log(this.inx);
|
|
||||||
this.pageShow = true
|
this.pageShow = true
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -39,6 +39,7 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import { mapState } from 'vuex'
|
||||||
export default {
|
export default {
|
||||||
name: 'integralTask',
|
name: 'integralTask',
|
||||||
appName: '积分任务',
|
appName: '积分任务',
|
||||||
@@ -49,12 +50,16 @@ export default {
|
|||||||
files: [],
|
files: [],
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
computed: {
|
||||||
|
...mapState(['user', 'token'])
|
||||||
|
},
|
||||||
methods: {
|
methods: {
|
||||||
getList() {
|
getList() {
|
||||||
this.$instance.post('/app/appintegraltask/list',null,{
|
this.$instance.post('/app/appintegraltask/list',null,{
|
||||||
params: {
|
params: {
|
||||||
current: this.current,
|
current: this.current,
|
||||||
status: 1,
|
status: 1,
|
||||||
|
areaId: this.user.areaId
|
||||||
}
|
}
|
||||||
}).then(res=> {
|
}).then(res=> {
|
||||||
if(res?.data) {
|
if(res?.data) {
|
||||||
|
|||||||
@@ -81,7 +81,7 @@ export default {
|
|||||||
'background': '#2D7DFF'
|
'background': '#2D7DFF'
|
||||||
},
|
},
|
||||||
typeList: ['最新上架', '积分', '我可兑换的'],
|
typeList: ['最新上架', '积分', '我可兑换的'],
|
||||||
currentType: 1,
|
currentType: 0,
|
||||||
pointTypeList: [{name: '全部'}, {name: '50分以下'}, {name: '100分以下'}, {name: '200分以下'}, {name: '5000分以下'}],
|
pointTypeList: [{name: '全部'}, {name: '50分以下'}, {name: '100分以下'}, {name: '200分以下'}, {name: '5000分以下'}],
|
||||||
currentPoint: 0,
|
currentPoint: 0,
|
||||||
leftList: [1,1,1,1,1,11,1,1],
|
leftList: [1,1,1,1,1,11,1,1],
|
||||||
@@ -196,7 +196,7 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.list-content {
|
.list-content {
|
||||||
padding: 480px 0 24px 24px;
|
padding: 396px 0 24px 24px;
|
||||||
background-color: #f3f6f9;
|
background-color: #f3f6f9;
|
||||||
.item {
|
.item {
|
||||||
width: calc(100% - 24px);
|
width: calc(100% - 24px);
|
||||||
@@ -229,6 +229,7 @@ export default {
|
|||||||
.content {
|
.content {
|
||||||
padding: 16px 16px 24px;
|
padding: 16px 16px 24px;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
background-color: #fff;
|
||||||
.text {
|
.text {
|
||||||
font-family: PingFangSC-SNaNpxibold;
|
font-family: PingFangSC-SNaNpxibold;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
@@ -263,7 +264,7 @@ export default {
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-family: PingFangSC-Regular;
|
font-family: PingFangSC-Regular;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 8px;
|
font-size: 20px;
|
||||||
color: #4181FF;
|
color: #4181FF;
|
||||||
line-height: 22px;
|
line-height: 22px;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user