48 lines
1004 B
Vue
48 lines
1004 B
Vue
|
<script setup>
|
||
|
|
/**
|
||
|
|
* 互动消息
|
||
|
|
*/
|
||
|
|
// 工具库
|
||
|
|
import util from '@/common/js/util';
|
||
|
|
|
||
|
|
// 点击用户
|
||
|
|
function handleUser(item) {
|
||
|
|
uni.navigateTo({
|
||
|
|
url: util.setUrl('/pages/index/videoHome', {
|
||
|
|
userId: item.userId,
|
||
|
|
})
|
||
|
|
})
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<view class="appbw">
|
||
|
|
<!-- 用户列表 -->
|
||
|
|
<view class="listArea plr30">
|
||
|
|
<view class="item rows ptb30 c333 f32" v-for="(item,index) in 15" :key="index" @click="handleUser(item)">
|
||
|
|
<view class="avatar fs0">
|
||
|
|
<image class="wh100 cir" src="/static/qq.png" mode="aspectFill" />
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="content f1 mlr20">
|
||
|
|
<view class="name">用户昵称</view>
|
||
|
|
<view class="action mt5 c999 f24">赞了你的视频</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="time fs0 c999 f22">2024-10-01 10:00</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 填充 -->
|
||
|
|
<view class="fill" style="height: 60rpx;"></view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<style lang="scss">
|
||
|
|
//
|
||
|
|
.listArea {
|
||
|
|
.item+.item {
|
||
|
|
border-top: 1rpx solid #ddd;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|