代码格式化
This commit is contained in:
parent
c8fa1fc36f
commit
0f654e23bb
@ -24,7 +24,6 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
|
||||||
.add-post {
|
.add-post {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
right: 20rpx;
|
right: 20rpx;
|
||||||
|
@ -5,7 +5,8 @@
|
|||||||
<view class="post-item">
|
<view class="post-item">
|
||||||
<view class="post-list-item">
|
<view class="post-list-item">
|
||||||
<view @click.stop="toUser(item.uid)">
|
<view @click.stop="toUser(item.uid)">
|
||||||
<u-avatar class="avatar" :src="item.userInfo.avatar" :show-level='item.userInfo.type == 1' level-bg-color="#000000"></u-avatar>
|
<u-avatar class="avatar" :src="item.userInfo.avatar" :show-level='item.userInfo.type == 1'
|
||||||
|
level-bg-color="#000000"></u-avatar>
|
||||||
</view>
|
</view>
|
||||||
<view class="center">
|
<view class="center">
|
||||||
<view style="display: flex;align-items: center;">
|
<view style="display: flex;align-items: center;">
|
||||||
@ -255,6 +256,7 @@
|
|||||||
.post-list-item {
|
.post-list-item {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
.avatar {
|
.avatar {
|
||||||
width: 85rpx;
|
width: 85rpx;
|
||||||
height: 85rpx;
|
height: 85rpx;
|
||||||
@ -268,6 +270,7 @@
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
color: #999;
|
color: #999;
|
||||||
|
|
||||||
.username {
|
.username {
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
@ -283,6 +286,7 @@
|
|||||||
border-radius: 10rpx;
|
border-radius: 10rpx;
|
||||||
margin-right: 10rpx;
|
margin-right: 10rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.officials {
|
.officials {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 25rpx;
|
font-size: 25rpx;
|
||||||
@ -293,8 +297,10 @@
|
|||||||
margin-left: 30rpx;
|
margin-left: 30rpx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.right {
|
.right {
|
||||||
height: 85rpx;
|
height: 85rpx;
|
||||||
|
|
||||||
.arrow-down {
|
.arrow-down {
|
||||||
color: #999;
|
color: #999;
|
||||||
}
|
}
|
||||||
@ -330,9 +336,4 @@
|
|||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
@ -8,15 +8,22 @@
|
|||||||
<text v-if="item.gender == 1" class="iconfont icon-nan"></text>
|
<text v-if="item.gender == 1" class="iconfont icon-nan"></text>
|
||||||
<text v-if="item.gender == 2" class="iconfont icon-nv"></text>
|
<text v-if="item.gender == 2" class="iconfont icon-nv"></text>
|
||||||
</view>
|
</view>
|
||||||
<u-button @click="follow(index, item.uid)" v-if="item.hasFollow === 0" class="btn-gz" type="default" size="mini">关注</u-button>
|
<u-button @click="follow(index, item.uid)" v-if="item.hasFollow === 0" class="btn-gz" type="default"
|
||||||
<u-button @click="cancelFollow(index, item.uid)" v-if="item.hasFollow === 1" class="btn-gz" type="default" size="mini" plain>互相关注</u-button>
|
size="mini">关注</u-button>
|
||||||
<u-button @click="cancelFollow(index, item.uid)" v-if="item.hasFollow === 2" class="btn-gz" type="default" size="mini" plain>已关注</u-button>
|
<u-button @click="cancelFollow(index, item.uid)" v-if="item.hasFollow === 1" class="btn-gz"
|
||||||
|
type="default" size="mini" plain>互相关注</u-button>
|
||||||
|
<u-button @click="cancelFollow(index, item.uid)" v-if="item.hasFollow === 2" class="btn-gz"
|
||||||
|
type="default" size="mini" plain>已关注</u-button>
|
||||||
</navigator>
|
</navigator>
|
||||||
</block>
|
</block>
|
||||||
<!-- 加载状态 -->
|
<!-- 加载状态 -->
|
||||||
<block v-if="loadStatus != 'none'">
|
<block v-if="loadStatus != 'none'">
|
||||||
<block v-if="list.length === 0 && loadStatus == 'nomore'"><u-empty margin-top="100" text="暂无用户" mode="favor"></u-empty></block>
|
<block v-if="list.length === 0 && loadStatus == 'nomore'">
|
||||||
<block v-else><u-loadmore margin-bottom="50" margin-top="50" :status="loadStatus" /></block>
|
<u-empty margin-top="100" text="暂无用户" mode="favor"></u-empty>
|
||||||
|
</block>
|
||||||
|
<block v-else>
|
||||||
|
<u-loadmore margin-bottom="50" margin-top="50" :status="loadStatus" />
|
||||||
|
</block>
|
||||||
</block>
|
</block>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
@ -71,6 +78,7 @@ export default {
|
|||||||
padding: 20rpx;
|
padding: 20rpx;
|
||||||
border-bottom: 1px solid #f5f5f5;
|
border-bottom: 1px solid #f5f5f5;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
|
|
||||||
&:last-child {
|
&:last-child {
|
||||||
border-bottom: 0;
|
border-bottom: 0;
|
||||||
}
|
}
|
||||||
@ -96,14 +104,17 @@ export default {
|
|||||||
.user-list-item .user .iconfont {
|
.user-list-item .user .iconfont {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* #ifdef H5 */
|
/* #ifdef H5 */
|
||||||
.user-list-item .btn-gz {
|
.user-list-item .btn-gz {
|
||||||
margin-right: 20rpx;
|
margin-right: 20rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* #endif */
|
/* #endif */
|
||||||
/* #ifdef MP */
|
/* #ifdef MP */
|
||||||
.user-list-item .btn-gz {
|
.user-list-item .btn-gz {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* #endif */
|
/* #endif */
|
||||||
</style>
|
</style>
|
||||||
|
@ -1,9 +1,9 @@
|
|||||||
|
|
||||||
<template>
|
<template>
|
||||||
<view class="container">
|
<view class="container">
|
||||||
<view class="title">选择圈子类目</view>
|
<view class="title">选择圈子类目</view>
|
||||||
<view class="class-wrap">
|
<view class="class-wrap">
|
||||||
<view class="class-item u-line-1" @click="chooseClass(item.cateId,item.cateName)" v-for="(item, index) in classList" :key="index">{{ item.cateName }}</view>
|
<view class="class-item u-line-1" @click="chooseClass(item.cateId,item.cateName)"
|
||||||
|
v-for="(item, index) in classList" :key="index">{{ item.cateName }}</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
@ -44,6 +44,7 @@ export default {
|
|||||||
.title {
|
.title {
|
||||||
margin-bottom: 30rpx;
|
margin-bottom: 30rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.class-wrap {
|
.class-wrap {
|
||||||
.class-item {
|
.class-item {
|
||||||
width: 30%;
|
width: 30%;
|
||||||
@ -55,6 +56,7 @@ export default {
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
margin-bottom: 20rpx;
|
margin-bottom: 20rpx;
|
||||||
border-radius: 10rpx;
|
border-radius: 10rpx;
|
||||||
|
|
||||||
&:nth-child(3n + 2) {
|
&:nth-child(3n + 2) {
|
||||||
margin-left: 5%;
|
margin-left: 5%;
|
||||||
margin-right: 5%;
|
margin-right: 5%;
|
||||||
@ -67,4 +69,3 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user