cansnow
95 lines
1.6 KiB
Vue
95 lines
1.6 KiB
Vue
<template>
|
|
<view class="near_page">
|
|
<u-navbar
|
|
@leftClick="leftClick"
|
|
@rightClick="moreOptionClick"
|
|
leftIcon="arrow-left"
|
|
rightIcon="more-dot-fill"
|
|
placeholder
|
|
bgColor="#FFF"
|
|
title="附近的人"
|
|
title-size="36"
|
|
:title-bold="true"
|
|
:border-bottom="false">
|
|
</u-navbar>
|
|
<view>
|
|
<UserItem v-for="(item,index) in list" :item="item" :index="index" :key="index"></UserItem>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import UserItem from './components/UserItem';
|
|
export default {
|
|
components:{UserItem},
|
|
data() {
|
|
return {
|
|
list:[
|
|
{
|
|
user:{
|
|
avatar:"/static/img/avatar.png",
|
|
id:1,
|
|
nickname:"nickname",
|
|
remark:"remark"
|
|
},
|
|
user_id:1,
|
|
body:"body"
|
|
},
|
|
{
|
|
user:{
|
|
avatar:"/static/img/avatar.png",
|
|
id:1,
|
|
nickname:"nickname",
|
|
remark:"remark"
|
|
},
|
|
user_id:1,
|
|
body:"body"
|
|
},
|
|
{
|
|
user:{
|
|
avatar:"/static/img/avatar.png",
|
|
id:1,
|
|
nickname:"nickname",
|
|
remark:"remark"
|
|
},
|
|
user_id:1,
|
|
body:"body"
|
|
},
|
|
{
|
|
user:{
|
|
avatar:"/static/img/avatar.png",
|
|
id:1,
|
|
nickname:"nickname",
|
|
remark:"remark"
|
|
},
|
|
user_id:1,
|
|
body:"body"
|
|
},
|
|
{
|
|
user:{
|
|
avatar:"/static/img/avatar.png",
|
|
id:1,
|
|
nickname:"nickname",
|
|
remark:"remark"
|
|
},
|
|
user_id:1,
|
|
body:"body"
|
|
},
|
|
]
|
|
};
|
|
},
|
|
methods:{
|
|
moreOptionClick(){
|
|
|
|
},
|
|
leftClick(){
|
|
uni.navigateBack()
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.near_page{
|
|
}
|
|
</style> |