# zm-login-account

> 账号密码登录页面，验证码输入页面，组件依赖添加，插件开发案例

Latest version **1.1.3** (published 2021-12-21) · MIT license · 0 weekly downloads

## Install

```sh
npm install zm-login-account
pnpm add zm-login-account
yarn add zm-login-account
bun add zm-login-account
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.1.3 |
| Published | 2021-12-21 |
| First published | 2021-12-21 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 18.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | rattan |
| Maintainers | rattan |
| Keywords | zm-login-account, 账号密码登录页面, 验证码验证 |

## Links

- npm: https://www.npmjs.com/package/zm-login-account
- Repository: https://gitee.com/chenzm_186/zm-customize-miniprogram
- npm.io page: https://npm.io/package/zm-login-account

## Alternatives

- [cli-color](https://npm.io/package/cli-color.md) — 3.4M weekly downloads
- [log](https://npm.io/package/log.md) — 1.3M weekly downloads
- [logstash-client](https://npm.io/package/logstash-client.md) — 4.5K weekly downloads
- [@nocobase/plugin-logger](https://npm.io/package/@nocobase/plugin-logger.md) — 2.0K weekly downloads
- [child-process-debug](https://npm.io/package/child-process-debug.md) — 695 weekly downloads

## Recent versions

- 1.1.3 (latest) — 2021-12-21
- 1.1.2 — 2021-12-21
- 1.1.1 — 2021-12-21

## README

# zm-login-account
* 项目示例最好在[gitee下载](https://gitee.com/chenzm_186/zm-customize-miniprogram/tree/develop/)，为最新代码。
## 简介
* 账号密码登录页面
* 验证码输入页面
* 三方组件依赖添加
* 插件开发案例

## 1、导入
* 1、[使用HBuilderX导入插件](https://ext.dcloud.net.cn/plugin?id=6938)
* 2、[下载插件ZIP](https://ext.dcloud.net.cn/plugin?id=6938)
* 3、node 导入
* 3.1、在【package.json】文件中添加导入配置
```json
  "dependencies": {
    "zm-login-account": "^1.1.3"
  }
```
* 3.2、打开项目中的终端，输入：
```shell
npm install
```
* 3.3、下载成功后在【node_modules】中显示

## 2、简单引用
1、将组件导入到项目

2、在 pages.json 文件中添加页面路径,如下：
```
	"pages": [ 
		{
			// 微信登录
			"path": "uni_modules/zm-login-account/pages/login/auth",
			"style": {
				"navigationStyle": "custom"
			}
		},
		{
			// 验证码验证页面
			"path": "uni_modules/zm-login-account/pages/login/captchaVerifyPage",
			"style": {
				"navigationStyle": "custom"
			}
		},{
			// 账号密码登录页面
			"path": "uni_modules/zm-login-account/pages/login/loginAccountPage",
			"style": {
				"navigationStyle": "custom"
			}
		}
	],

```

**Tips：**

特别注意，导入方式不一致，页面路径也也不一致。


3、添加事件，实现跳转
```
<button class="logoutBtn" type="primary" @click="clickLogtoutAccount">退出登录</button>

```

```
// 点击账号退出登录
clickLogtoutAccount() {
	uni.reLaunch({
		url: "/uni_modules/zm-login-account/pages/login/auth"
	})
},
```

---
_Source: https://npm.io/package/zm-login-account · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._