2024-10-14 20:16:48 +08:00
|
|
|
|
<!-- 消息界面：用于 im 聊天 -->
|
2024-10-09 15:42:39 +08:00
|
|
|
|
<route lang="json5" type="page">
|
|
|
|
|
|
{
|
|
|
|
|
|
layout: 'tabbar',
|
|
|
|
|
|
style: {
|
|
|
|
|
|
navigationBarTitleText: '消息',
|
|
|
|
|
|
},
|
|
|
|
|
|
}
|
|
|
|
|
|
</route>
|
|
|
|
|
|
|
|
|
|
|
|
<template>
|
|
|
|
|
|
<!-- 搜索框 -->
|
|
|
|
|
|
<wd-search
|
|
|
|
|
|
v-model="searchValue"
|
|
|
|
|
|
@focus="searchFocus"
|
|
|
|
|
|
@blur="searchBlur"
|
|
|
|
|
|
@search="search"
|
|
|
|
|
|
maxlength="10"
|
|
|
|
|
|
hide-cancel
|
|
|
|
|
|
light
|
|
|
|
|
|
/>
|
|
|
|
|
|
<view class="px-4 pb-4 pt-0 flex flex-col gap-2">
|
|
|
|
|
|
<MessageItem v-for="(item, index) in messageList" :key="index" :item="item" />
|
|
|
|
|
|
</view>
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
<script lang="ts" setup>
|
|
|
|
|
|
//
|
|
|
|
|
|
import { ref } from 'vue'
|
|
|
|
|
|
import MessageItem from './components/MessageItem.vue'
|
|
|
|
|
|
import messageList from './mock'
|
|
|
|
|
|
const searchValue = ref('')
|
|
|
|
|
|
/// /////// 搜索栏 事件////////////
|
|
|
|
|
|
const searchFocus = () => {}
|
|
|
|
|
|
const searchBlur = () => {}
|
|
|
|
|
|
const search = () => {}
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
|
//
|
|
|
|
|
|
</style>
|
