mirror of
https://gitee.com/myxzgzs/boyue-ui-admin-uniapp
synced 2025-08-08 16:32:44 +08:00
41 lines
812 B
Vue
41 lines
812 B
Vue
|
<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>
|