theluyuan/deming
2
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity

z8.3

Browse Source
This commit is contained in:
ghusermoon
2020-08-03 18:38:04 +08:00
parent 0bc6be9b9f
commit d54a378a9e
12 changed files with 193 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
pageE/mine/MineConcerns.vue
View File

@@ -1,58 +1,77 @@
<template>
<view class="concerns">
<u-index-list :scrollTop="scrollTop">
<view v-for="(item, index) in indexList" :key="index">
<u-index-anchor :index="item" class="anchor-class" />
<view class="list-cell">
<image src="../static/mine/23.png"></image>
<view>阿迪达斯</view>
</view>
<view class="list-cell">
列表2
</view>
<view class="list-cell">
列表3
<view>
<view v-for="(info, index) in list" :key="index">
<view class="daren-item" @click="toDetailsPage">
<image class="head" :src="info.member_avatar"></image>
<text class="name">{{ info.member_nickname }}</text>
<text class="zhuangtai">状态: {{ info.live_status == 1 ? '正在直播' : '未开播' }}</text>
<view class="guanzhu" @click="changeType(info.member_id)" v-if="info.is_attention == 1">关注</view>
<view class="guanzhu action" @click="changeType(info.member_id)" v-else >未关注</view>
</view>
</view>
</u-index-list>
</view>
</view>
</template>
<script>
export default {
data() {
return {
scrollTop: 0,
indexList: ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z"]
list: [
{
member_avatar: '',
member_nickname: '111',
live_status: 0,
member_id: 1,
is_attention: 1,
}
]
}
},
onPageScroll(e) {
this.scrollTop = e.scrollTop;
}
};
</script>
<style lang="scss" scoped>
.concerns {
// padding: 35rpx 30rpx 0;
// .u-index-anchor {
// background-color: #ffffff !important;
// }
.list-cell {
.daren-item{
width: 215rpx;
height: 282rpx;
display: flex;
box-sizing: border-box;
flex-direction: column;
align-items: center;
width: 100%;
background-color: #fff;
border-radius: 10rpx;
overflow: hidden;
margin: 50rpx 0;
padding: 0 30rpx;
> image {
width: 70rpx;
height: 70rpx;
border-radius: 10rpx;
margin-right: 30rpx;
.head{
width: 80rpx;
height: 80rpx;
border-radius: 50%;
margin-top: 24rpx;
background-color: #0f0;
}
> view {
font-size: 30rpx;
color: rgba(102,102,102,1);
.name{
font-size: 26rpx;
color: #333;
font-weight: 400;
margin-top: 23rpx;
}
.zhuangtai{
font-size:22rpx;
color: #999;
margin-top: 19rpx;
}
.guanzhu{
width: 130rpx;
height: 50rpx;
background-color: #FF780F;
font-size: 26rpx;
line-height: 50rpx;
color: #fff;
text-align: center;
margin-top: 19rpx;
border-radius: 25rpx;
}
.action{
background: #f3f3f3;
}
}
}

4
pageE/mine/MineProgress.vue
View File

@@ -11,6 +11,7 @@
</view>
<view class="exp-value">经验值<span>{{ memberInfo.member_exppoints }}</span></view>
<view class="distance">距离下一级还需要{{ memberInfo.member_exppoints | residualExp(rank[memberInfo.member_level - 1]) }}经验值</view>
<!-- <view class="distance">距离下一级还需要{{ memberInfo.next_grade_exppoints_diff }}经验值</view> -->
</view>
<view class="body">
<view class="title">
@@ -24,6 +25,9 @@
</view>
</view>
</view>
<!-- <view class="body">
<u-parse :html="memberInfo.grade_rule"></u-parse>
</view> -->
</view>
</template>
<script>