更新记录
1.0.2(2025-03-16)
- 【新增】新增插件预览截图
- 【预告】下个版本将支持语音,可滑动发送,取消发送等
1.0.1(2025-03-16)
1.0.0(2025-03-16)
查看更多
平台兼容性
uni-app
Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
√ |
√ |
- |
- |
- |
- |
4.4 |
12 |
- |
微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
uni-app x
Chrome |
Safari |
Android |
iOS |
鸿蒙 |
微信小程序 |
- |
- |
5.0 |
12 |
- |
- |
使用教程
<template>
<x-im-input v-model="(val as string)"></x-im-input>
</template>
<script setup>
let val = ref("")
</script>
参数
名称 |
说明 |
类型 |
默认值 |
height |
输入框高度 |
string |
44px |
placeholder |
输入框提示 |
string |
请输入 |
pa |
输入框padding |
string |
10px 0 15px 0 |
leftWidth |
左插槽宽度 |
number |
55 |
rightWidth |
右插槽宽度 |
number |
90 |
adjustPosition |
是否页面往上推 |
boolean |
false |
emojiHeight |
表情高度 |
number |
300 |
toolHeight |
工具高度 |
number |
300 |
borderBottom |
输入框下边框 |
string |
solid 0.5px #f5f5f5 |
color |
输入框提示文字颜色 |
string |
gray |
size |
输入框提示文字大小 |
string |
15px |
confirmType |
设置键盘右下角文字 |
string |
send |
方法
名称 |
说明 |
参数 |
@input |
监听输入框内容变动 |
(evt:UniInputEvent) |
@keyboardheightchange |
监听键盘高度 |
(evt:UniInputKeyboardHeightChangeEvent) |
@confirm |
监听点击完成/发送右下角键盘按钮 |
(evt:UniInputConfirmEvent) |
插槽
名称 |
说明 |
inputLeft |
输入框左插槽 |
inputRight |
输入框右插槽 |
emoji |
表情插槽 |
tool |
工具插槽 |