meixiLogin 登录组件

组件文件目录预览

'    |-- lib',--------------------------------------------- 项目打包目录
'    |   |-- demo.html',
'    |   |-- meixilogin.common.js',
'    |   |-- meixilogin.umd.js',
'    |   |-- meixilogin.umd.min.js',
'    |-- packages', --------------------------------------- 项目文件目录
'    |   |-- index.ts',
'    |   |-- component',----------------------------------- 项目组件目录
'    |   |   |-- loginForm.vue',
'    |   |   |-- meixiLogin.vue',
'    |   |-- config',-------------------------------------- 项目配置js
'    |   |   |-- loginConfig.ts',
'    |   |-- style',--------------------------------------- 项目组件样式文件
'    |       |-- login.less',
'    |-- src',
'

Project setup

npm install

使用

第一步

/// router->index.js文件中

///引入插件组件
import { meixiLogin } from 'meixilogin';

///在vue routerslist中挂载
{
   path:'/login',
   component:meixiLogin,    
}

配置

// 项目中 package-config-loginConfig.js中
// base64的图片字符串格式
// 如果需要更换图片请修改该成其它base64的图片格式
const base64Img ='data:image/jpeg;base64......'