更新记录

1.0.1（2022-11-17） 下载此版本

• 新增 图片消息组件
• 修复 其他

1.0.0（2022-11-16） 下载此版本

• init

平台兼容性

uv-chat 聊天消息组件

组件名：uv-chat

安装

在市场导入聊天消息组件uni_modules版本的即可，无需import

基本使用

<template>
    <view>

        <scroll-view :scroll-y="true" :enable-flex="true" class="chat">
            <template v-for="(item,i) in 50" :key="i">
                <uv-chat 
                    @avatarClickDb="dbc" 
                    :me="i % 2 == 1" 
                >
                    <template v-slot:content="{ other, content }">
                        <uv-chat-text :text="content"></uv-chat-text>
                    </template>
                </uv-chat>
            </template>
        </scroll-view>
    </view>
</template>

<script setup>
    import { ref } from 'vue'

    const dbc = (e)=>{
        console.log('双击',e);
    }
</script>

<style scoped>
.chat {
    display: flex;
    flex-direction: column;
    padding:  35rpx;
    box-sizing: border-box;
    background-color: #f4f5f7;
}
</style>

props

emits 事件

slot 插槽

内置消息类型组件 1. uv-chat-text

props 文本消息

内置消息类型组件 2. uv-chat-image

props 图片消息

其他消息类型 如：红包，视频，地图等消息可自行通过slot:content去实现；有封装好的可联系我添加进内置组件～

如使用过程中有任何问题，或者您对uv-有一些好的建议，欢迎加入 qq群：632100308