更新记录

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"

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问