zm-verify-input

1、导入方式

• 1、使用HBuilderX导入插件
• 2、下载插件ZIP
• 3、node 导入

3.1、在【package.json】文件中添加导入配置

  "dependencies": {
    "zm-verify-input": "^1.0.0"
  }

3.2、打开项目中的终端，输入：

npm install

3.3、下载成功后在【node_modules】中显示

2、使用

2.1、uni_modules导入

该方式导入组件支持easycom组件模式，可以不用引用、注册，直接在页面中使用。如下：

1、组件使用

<zm-verify-input class="pswInputV" :maxLenth="6" :code="smsCode" />

2、组件属性设置

.pswInputV {
	width: 100%;
	height: 100rpx;
	margin-top: 30rpx;
}

2.2、npm导入

组件引用与注册

import ZmVerifyInput from "zm-verify-input/components/zm-verify-input.vue"

components: {
	ZmVerifyInput
},

其余步骤同【2.1】一致

• 插件ZIP下载导入项目，使用的时候，除了注册引用的路径不一致，其他全部一致