登录组件

1.整体的UI注册

1. 使用pnpm 安装依赖

pnpm install @bdsoft/login

注意：

本组件依赖@bdsoft/auth 组件，因此在使用本组件之前，需要先了解@bdsoft/auth组件的使用并确保配置好@bdsoft/auth组件。

2. 项目页面中添加相关引用

import loginComp from '@bdsoft/login'
import { bdsdk } from '@/api/newrabbit.js'

3. template中配置及使用组件

<loginComp :sdk="bdsdk" logid="login1" @loginSucceed="handleLoginSucceed"></loginComp>

参数	类型	必须	描述	默认值
sdk	object	是	登录组件的sdk
logid	string	是	组件的id，用于标识组,参考模选择	login1
@loginSucceed	function	否	登录成功回调函数

2.配置使用

4.回调函数的处理

import { ref, reactive, computed, watch, onMounted, getCurrentInstance } from "vue";
const {
    appContext: {
        config: { globalProperties }
    }
} = getCurrentInstance()

// 登录成功
const handleLoginSucceed = (data: any) => {

    // appstore.setUser(data); 保存用户到pinia
    globalProperties.showsuccess('登录成功!请选择场景进入')
    //todo 逻辑处理
}

3.登录模版效果

模版	效果图	模版ID
模版1		logo1
模版2		logo2