zjy-easyinput文本框带按钮，uni-easyinput增强版

**ZJY-EasyInput 文本框带按钮**

在 HBuilderX 中，我们经常需要使用输入框来获取用户的输入信息。然而，普通的输入框可能不足以满足我们的需求，特别是当我们需要添加一些额外的功能，如按钮、提示信息等时。因此，ZJY-EasyInput 文本框带按钮应运而生，它是一种增强版的输入框，可以方便地在页面中添加各种类型的文本框。

**uni-easyinput 的基本结构**

首先，我们需要了解 uni-easyinput 的基本结构。它由以下几个部分组成：

* **输入框**:这是最核心的部分，用户可以在这里输入信息。
* **按钮**:根据需求，可以添加各种类型的按钮，如确认、取消等。
* **提示信息**:可以设置提示信息，帮助用户更好地理解输入框的用途。

**uni-easyinput 的基本属性**

下面是 uni-easyinput 的一些基本属性：

* **type**:指定输入框的类型，可以是 text、password、number 等。
* **placeholder**:设置输入框的占位符，帮助用户更好地理解输入框的用途。
* **value**:设置输入框的初始值。
* **disabled**:是否禁用输入框。

**uni-easyinput 的基本方法**

下面是 uni-easyinput 的一些基本方法：

* **focus()**:聚焦到输入框上。
* **blur()**:失去焦点。
* **clear()**:清空输入框的内容。

**示例代码**

以下是一个简单的示例，演示了如何使用 ZJY-EasyInput 文本框带按钮：

html<template>
 <view class="page">
 <uni-easyinput v-model="value" type="text" placeholder="请输入用户名"></uni-easyinput>
 <button @click="login">登录</button>
 </view>
</template>

<script>
export default {
 data() {
 return {
 value: ''
 }
 },
 methods: {
 login() {
 console.log(this.value)
 }
 }
}
</script>

在这个示例中，我们使用了 uni-easyinput 组件，设置了输入框的类型、占位符和初始值。我们还添加了一个按钮，点击该按钮时会触发 login 方法。

**增强版功能**

ZJY-EasyInput 文本框带按钮可以方便地在页面中添加各种类型的文本框，并支持以下增强版功能：

* **密码输入**:支持密码输入，用户可以通过点击眼睛图标来切换密码输入模式。
* **数字输入**:支持数字输入，用户可以通过点击数字图标来切换数字输入模式。
* **日期选择**:支持日期选择，用户可以通过点击日历图标来选择日期。
* **时间选择**:支持时间选择，用户可以通过点击时钟图标来选择时间。

这些增强版功能可以方便地在页面中添加各种类型的文本框，并且可以根据需求进行定制。

**总结**

ZJY-EasyInput 文本框带按钮是一种增强版的输入框，可以方便地在页面中添加各种类型的文本框。它支持基本属性、基本方法和增强版功能，方便开发者快速创建高质量的应用程序。