更新记录
1.0.0(2025-04-17) 下载此版本
首次发布
平台兼容性
uni-app
| Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 | 
|---|---|---|---|---|---|---|---|---|
| √ | √ | √ | √ | √ | √ | - | - | - | 
| 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 | 
|---|---|---|---|---|---|---|---|---|---|---|
| √ | √ | √ | √ | √ | √ | - | √ | √ | √ | √ | 
其他
| 多语言 | 暗黑模式 | 宽屏模式 | 
|---|---|---|
| × | × | √ | 
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"

 
                                                                     
                                                                                                                                                 收藏人数:
                                                                        收藏人数:
                                     下载插件并导入HBuilderX
                                                        下载插件并导入HBuilderX
                                                     赞赏(0)
                                        赞赏(0)
                                     
                                             
                                             下载 277
 下载 277
                 赞赏 1
 赞赏 1
                 
             
                     下载 10664809
                    下载 10664809 
                 赞赏 1797
                        赞赏 1797 
                     
             
                     
             
                     
             
                     
             
                     
             
                     
             
                     
             
                     
             
                     
             
                     
             
                     
             
                     
             
                     
             
                     
             
                     
                         赞赏
                                赞赏
                             
             京公网安备:11010802035340号
京公网安备:11010802035340号