sxq
11 months ago
parent
de283ee0fd
commit
984a4daf33
@ -1,90 +1,101 @@ |
||||
<template> |
||||
<view class="member"> |
||||
<view > |
||||
<u-navbar title="邀请记录" back-icon-color="#fff" :border-bottom="false" title-color="#333" :background="background"></u-navbar> |
||||
</view> |
||||
<view class="tab"> |
||||
<view class="tabList"> |
||||
<view v-for="(item,index) in tabList" :key="index" class="tabItem"> |
||||
<view class="name" :style="{'color':item.value==chosed?'#FF4C4B':'#7A7A7A'}"> |
||||
{{item.name}} |
||||
</view> |
||||
<view class="line" v-if="item.value==chosed"> |
||||
|
||||
</view> |
||||
<view class="user"> |
||||
<view class="user-bd"> |
||||
<view class="li" v-for="(a,i) in list" :key="i"> |
||||
<view class="l"> |
||||
<image src="@/static/news/avater.png"></image> |
||||
</view> |
||||
<view class="m"> |
||||
<view class="n">AUIIO</view> |
||||
<view class="t">2023-02-12 10:00</view> |
||||
</view> |
||||
<view class="r"> |
||||
+<text>18元</text> |
||||
</view> |
||||
</view> |
||||
|
||||
</view> |
||||
<u-empty text="暂无信息" v-if="total == 0" mode="list"></u-empty> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import img from "@/static/member/top.png" |
||||
export default{ |
||||
data(){ |
||||
return{ |
||||
background: { |
||||
background: 'url('+ img+') center top no-repeat', |
||||
backgroundSize: '100% auto', |
||||
}, |
||||
chosed:'0', |
||||
tabList:[ |
||||
{ |
||||
name:'待完成', |
||||
value:'0' |
||||
},{ |
||||
name:'已完成', |
||||
value:'1' |
||||
},{ |
||||
name:'已完成', |
||||
value:'2' |
||||
} |
||||
] |
||||
} |
||||
import * as newFunApi from '@/api/newFun' |
||||
export default { |
||||
data() { |
||||
return { |
||||
list: [], |
||||
total: 1 |
||||
}; |
||||
}, |
||||
onLoad() { |
||||
this.getList(); |
||||
}, |
||||
methods: { |
||||
async getList() { |
||||
uni.showLoading({ |
||||
title:"加载中" |
||||
}) |
||||
const {status, data} = await newFunApi.inviteGetList({}); |
||||
if(status == 200){ |
||||
uni.hideLoading(); |
||||
this.list = data.list.data; |
||||
this.total = data.list.total |
||||
console.log(this.total) |
||||
} |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
.member{ |
||||
width: 100%; |
||||
background: url('../../static/member/merBack.png') 100% no-repeat; |
||||
background-size: 100% 100%; |
||||
position:relative; |
||||
} |
||||
.tab{ |
||||
width: 682rpx; |
||||
height: 692rpx; |
||||
background: #FFFFFF; |
||||
border-radius: 10rpx 10rpx 10rpx 10rpx; |
||||
opacity: 1; |
||||
margin: 48rpx 0 0 42rpx; |
||||
padding-top: 20rpx; |
||||
.tabList{ |
||||
.user{ |
||||
padding: 0 0 130rpx; |
||||
overflow: hidden; |
||||
&-bd{ |
||||
padding: 0 20rpx 0 60rpx;; |
||||
background-color: #FFFFFF; |
||||
overflow: hidden; |
||||
margin-top: 20rpx; |
||||
.li{ |
||||
display: flex; |
||||
justify-content: space-around; |
||||
align-items: center; |
||||
.tabItem{ |
||||
.name{ |
||||
width: 96rpx; |
||||
height: 60rpx; |
||||
font-size: 32rpx; |
||||
font-family: PingFang SC, PingFang SC; |
||||
font-weight: 600; |
||||
line-height: 44rpx; |
||||
align-items: flex-start; |
||||
justify-content: space-between; |
||||
padding: 35rpx 0; |
||||
border-bottom: 1px solid #F2F2F2; |
||||
.l{ |
||||
width: 86rpx; |
||||
height: 86rpx; |
||||
margin-right: 25rpx; |
||||
image{ |
||||
width: 100%; |
||||
height: 100%; |
||||
border-radius: 50%; |
||||
} |
||||
|
||||
.line{ |
||||
width: 48rpx; |
||||
height: 6rpx; |
||||
background: #FF4C4B; |
||||
border-radius: 56rpx 56rpx 56rpx 56rpx; |
||||
opacity: 1; |
||||
} |
||||
.m{ |
||||
flex: 1; |
||||
max-width: 400rpx; |
||||
margin-right: 20rpx; |
||||
.n{ |
||||
font-size: 28rpx; |
||||
font-weight: 400; |
||||
color: #545454; |
||||
} |
||||
.t{ |
||||
margin-top: 10rpx; |
||||
margin-left: 24rpx; |
||||
font-size: 28rpx; |
||||
font-weight: 400; |
||||
color: #A7A7A7; |
||||
} |
||||
} |
||||
.r{ |
||||
font-size: 28rpx; |
||||
color: #FF4C4B; |
||||
text{ |
||||
font-size: 36rpx; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
Loading…
Reference in new issue