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