|
|
|
@ -5,15 +5,15 @@ |
|
|
|
<view class="Headbackground"> |
|
|
|
<view class="top"> |
|
|
|
<view class=" profilePicture"> |
|
|
|
|
|
|
|
<image :src="headinfo.headImage" mode=""></image> |
|
|
|
</view> |
|
|
|
<view class="UniversalWall"> |
|
|
|
<view class="dynamic"> |
|
|
|
瑶都万能墙 |
|
|
|
{{headinfo.name}} |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="dynamics"> |
|
|
|
13542动态<text>|</text>23212江华人 |
|
|
|
{{headinfo.num}}动态<text>|</text>{{headinfo.userNum}}江华人 |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
@ -39,22 +39,25 @@ |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="LabelOptions"> |
|
|
|
<uv-tabs :list="list" |
|
|
|
<uv-tabs :list="tabs" |
|
|
|
:activeStyle="{color : '#000', fontWeight : 900}" |
|
|
|
lineColor="#00f" |
|
|
|
lineHeight="8rpx" |
|
|
|
lineWidth="50rpx" |
|
|
|
keyName="title" |
|
|
|
@click="tabsClick"></uv-tabs> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="works" :key="index" v-for="(item, index) in 10"> |
|
|
|
<view class="works" :key="index" |
|
|
|
v-for="(item, index) in list"> |
|
|
|
<view class="box"> |
|
|
|
<view class="headPortraitimg"> |
|
|
|
<!-- <image :src="item" mode=""></image> --> |
|
|
|
</view> |
|
|
|
<view class="YaoduUniversalWall"> |
|
|
|
<view class="heide"> |
|
|
|
<view class="username text-ellipsis"> |
|
|
|
瑶都万能墙 |
|
|
|
|
|
|
|
</view> |
|
|
|
<view class="inde"> |
|
|
|
男性 |
|
|
|
@ -72,39 +75,31 @@ |
|
|
|
|
|
|
|
<view class="Times"> |
|
|
|
<view class="TimeMonth"> |
|
|
|
10-08 |
|
|
|
</view> |
|
|
|
<view class="Month"> |
|
|
|
12:34发布 |
|
|
|
<!-- 10-08 --> |
|
|
|
{{ item.createTime }}发布 |
|
|
|
</view> |
|
|
|
<!-- <view class="Month"> |
|
|
|
12:34 |
|
|
|
</view> --> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="dynamics"> |
|
|
|
漫时光蛋糕店私人蛋糕订制 |
|
|
|
漫时光蛋糕店私人蛋糕订制 |
|
|
|
漫时光蛋糕店私人蛋糕订制 |
|
|
|
漫时光蛋糕店私人蛋糕订制 |
|
|
|
漫时光蛋糕店私人蛋糕订制 |
|
|
|
</view> |
|
|
|
<view class=""> |
|
|
|
|
|
|
|
<view class="dynamics" |
|
|
|
v-html="$utils.stringFormatHtml(item.title)"> |
|
|
|
</view> |
|
|
|
<view class="Artworkimages"> |
|
|
|
<view class="wrokimg" |
|
|
|
:key="i" |
|
|
|
v-for="(img, i) in 3"> |
|
|
|
<image |
|
|
|
src="https://img2.baidu.com/it/u=731471589,1077533873&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=1067" |
|
|
|
alt="" /> |
|
|
|
v-for="(img, i) in item.image && item.image.split(',')"> |
|
|
|
<image :src="img" mode=""></image> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="bottom"> |
|
|
|
<view class="browse"> |
|
|
|
6789浏览 |
|
|
|
{{ item.isBrowse }}浏览 |
|
|
|
</view> |
|
|
|
<view class="browse"> |
|
|
|
231条评论 |
|
|
|
{{ item.isComment }}条评论 |
|
|
|
</view> |
|
|
|
<view class="Leavingamessage"> |
|
|
|
<uv-icon size="30rpx" name="chat"></uv-icon> |
|
|
|
@ -164,35 +159,18 @@ |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
list: [ |
|
|
|
{ |
|
|
|
name: '圈子动态', |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: '二手集市', |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: '游戏组局' |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: '求租求购' |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: '婚恋交友' |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: '美食' |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: '文化' |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: '财经' |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: '手工' |
|
|
|
}, |
|
|
|
tabs: [ |
|
|
|
// { |
|
|
|
// name: '圈子动态', |
|
|
|
// }, |
|
|
|
// { |
|
|
|
// name: '二手集市', |
|
|
|
// }, |
|
|
|
// { |
|
|
|
// name: '游戏组局' |
|
|
|
// }, |
|
|
|
], |
|
|
|
headinfo: {}, |
|
|
|
menu : [ |
|
|
|
{ |
|
|
|
name : '租房', |
|
|
|
@ -224,8 +202,14 @@ |
|
|
|
// path : '/pages_order/recruit/addRecruit', |
|
|
|
// }, |
|
|
|
], |
|
|
|
mixinsListApi : 'getPostPage', |
|
|
|
} |
|
|
|
}, |
|
|
|
onShow() { |
|
|
|
this.getCategory() |
|
|
|
this.getIndexHeaderInfo() |
|
|
|
this.getData() |
|
|
|
}, |
|
|
|
computed: {}, |
|
|
|
methods: { |
|
|
|
tabsClick(item) { |
|
|
|
@ -248,6 +232,35 @@ |
|
|
|
}) |
|
|
|
} |
|
|
|
}, |
|
|
|
// 获取分类 |
|
|
|
getCategory(){ |
|
|
|
// 发起请求 |
|
|
|
this.$api('getClassInfo', res => { |
|
|
|
if(res.code == 200){ |
|
|
|
this.tabs = res.result |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
//获取首页头部信息 |
|
|
|
getIndexHeaderInfo(){ |
|
|
|
this.$api('getIndexHeaderInfo',res =>{ |
|
|
|
if(res.code == 200){ |
|
|
|
this.headinfo = res.result |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
//根据分类获取动态帖子列表带分页 |
|
|
|
// getPostPage(){ |
|
|
|
// this.$api('getPostPage', { |
|
|
|
// pageNo : 1, |
|
|
|
// pageSize : 10, |
|
|
|
// },res =>{ |
|
|
|
// if(res.code == 200){ |
|
|
|
// this.postList = res.result.records |
|
|
|
// } |
|
|
|
// console.log(res); |
|
|
|
// }) |
|
|
|
// } |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
@ -272,8 +285,9 @@ |
|
|
|
.profilePicture { |
|
|
|
width: 100rpx; |
|
|
|
height: 100rpx; |
|
|
|
background-color: greenyellow; |
|
|
|
border-radius: 15rpx; |
|
|
|
image{ |
|
|
|
border-radius: 20rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.UniversalWall { |
|
|
|
|
