更新记录

1.0.4（2025-07-22） 下载此版本

优化部份细节

1.0.3（2025-07-10） 下载此版本

优化细节和使用体验

1.0.2（2025-07-10） 下载此版本

增加用户注册功能

平台兼容性

uni-app

uni-app x

其他

***-login

插件简介

***-login 是一个功能完整的 uni-app 登录组件插件，提供完整的用户认证解决方案。

• 版本: 1.0.0
• 支持平台: Vue2/3、App-vue、H5、微信小程序、支付宝小程序、百度小程序、字节跳动小程序、*** 小程序、快手小程序、京东小程序
• 兼容性: *** 4.07+

功能特性

• ✅ 多种登录方式（账号密码、微信授权、支付宝等）
• ✅ 用户注册功能
• ✅ 密码找回功能
• ✅ 用户协议和隐私政策
• ✅ 高度可定制的 UI 样式
• ✅ 响应式设计
• ✅ 完整的事件回调
• ✅ 多平台兼容

安装使用

1. 导入插件

在 中导入 `-login` 插件到您的项目中。

2. 在页面中使用

<template>
  <view>
    <***-login
      :logo-url="logoUrl"
      :app-name="appName"
      :welcome-text="welcomeText"
      :show-register="true"
      :show-agreement="true"
      @login-success="handleLoginSuccess"
      @login-error="handleLoginError"
      @register="handleRegister"
      @forgot-password="handleForgotPassword"
    />
  </view>
</template>

<script>
export default {
  data() {
    return {
      logoUrl: "/static/logo.png",
      appName: "我的应用",
      welcomeText: "欢迎使用",
    };
  },
  methods: {
    handleLoginSuccess(userInfo) {
      console.log("登录成功", userInfo);
      // 处理登录成功逻辑
    },
    handleLoginError(error) {
      console.log("登录失败", error);
      // 处理登录失败逻辑
    },
    handleRegister() {
      console.log("注册按钮点击");
      // 处理注册逻辑
    },
    handleForgotPassword() {
      console.log("忘记密码");
      // 处理忘记密码逻辑
    },
  },
};
</script>

配置选项

基础配置

样式配置

用户协议配置

事件回调

主要事件

密码找回事件

登录方式

1. 账号密码登录

// 在 login-success 事件中处理
handleLoginSuccess(userInfo) {
  // userInfo 包含用户信息
  console.log('用户信息:', userInfo)
}