更新记录
1.0.0(2025-04-17) 下载此版本
首次发布
平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 4.45 app-vue app-nvue | √ | √ | √ | √ | √ | √ |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 | 鸿蒙元服务 |
---|---|---|---|---|
√ | √ | √ | √ | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ |
hy-fullscreen-input
hy-fullscreen-input
是一个全屏输入组件,可以设置输入框初始高度,当软键盘弹出时会自动改变输入框高度适配手机屏幕。
1.属性说明
属性名 | 类型 | 说明 |
---|---|---|
id | String | 需要传入的id值,使用点击事件时回传id值。 |
show | Bool | 是否显示组件 |
showFontnum | Bool | 是否显示字数统计,默认:false |
title | String | 标题,不传值不显示 |
pageColor | String | 页面颜色 |
inputColor | String | 输入框颜色 |
placeholder | String | 输入提示词 |
inputHeight | String | 输入框高度,默认:'60vh' |
fontColor | String | 输入文字颜色 |
inputSize | Number | 输入文字大小,默认:15 |
btn1Text | String | 按钮1文字 |
btn1Color | String | 按钮1颜色 |
btn1Bgcolor | String | 按钮1背景颜色 |
btn2Text | String | 按钮2文字 |
btn2Color | String | 按钮2颜色 |
btn2Bgcolor | String | 按钮2背景颜色 |
@send | EventHandle | 按钮2点击事件 |
2.使用示例
页面:
<template>
<view>
<hy-fullscreen-input id="id123" @send="get" :title="title" :show.sync="show1" btn2Text="发送" fontColor="blue" inputSize="25" :showFontnum="true"></hy-fullscreen-input>
<button @click="showfullinput">显示</button>
</view>
</template>
script:
export default {
data() {
return {
title: 'Hello',
show1:false,
}
},
methods: {
get(e){
console.log(e);//{text: '落霞与孤鹜齐飞,秋水共长天一色。', id: 'id123'}
},
showfullinput(){
this.show1=true;
},
}
}
说明
在使用show控制组件显示隐藏时需要在show后面加上.sync,例如::show.sync="show1"