更新记录
1.0.2(2025-03-16)
- 【新增】新增插件预览截图
- 【预告】下个版本将支持语音,可滑动发送,取消发送等
1.0.1(2025-03-16)
1.0.0(2025-03-16)
查看更多
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 4.31,Android:4.4,iOS:9,HarmonyNext:不确定 |
× |
× |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
鸿蒙元服务 |
× |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
× |
× |
× |
× |
× |
× |
× |
× |
× |
使用教程
<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 |
工具插槽 |