@flyriselink/pai-auth-template-ui
v3.0.9
Published
A template page for auth.
Readme
README
用途说明:
- 此模板工程用于实现自定义登录主题。
- 通过基于该工程进行二次开发,可生成其代码文件。
- 将”系统配置->登录配置->登录主题“设置为”自定义主题“。
- 在”系统配置->登录配置->登录页文件“上传上述的代码文件。
- 点击右下角保存按钮,刷新登录页,自定义登录主题即可生效。
关键目录结构说明:
config - 工程代码运行、生成等配置文件,请谨慎修改,以防生成的代码文件无法运行
src - 工程主要逻辑代码
└─ api - Web接口定义,参考http://39.108.55.230:31000/pai-ui/#/docs/api
└─ assets - 素材资源目录,包括图片、字体、样式等
└─ components - 组件目录(关键)
└─ bind-dialog - 第三方登录账号绑定对话框
└─ login-box
└─ form - 登录框用的表单组件
└─ mode - 账号密码登录、手机号登录、扫码登录、第三方登录
└─ type-switch.vue - 账号密码登录、手机号登录、扫码登录、第三方登录
└─ reset-dialog - 密码重置对话框
└─ test-demo - 用于测试代码生成能力
└─ layout
└─ auth-layout.vue - 登录主题代码入口(关键)
└─ test-demo.vue - 用于测试代码生成能力
└─ mixins
└─ layout.js - 开发运行环境主要逻辑,不要修改
└─ setup - 开发运行环境初始化
└─ tools
└─ async-component-loader.js - 异步组件加载逻辑,不要修改
└─ request.js - Web接口请求实例,修改相关拦截器需谨慎
└─ App.vue - 开发运行环境主要逻辑,不要修改
└─ index.html - HTML模板,可以根据需要修改
└─ index.js - Vue实例初始化
└─ router.js - 开发运行环境路由package.json 的 scripts 说明:
dev - 开发运行环境
prod - 代码文件生成,即./dist/auth-layout.min.js(登录页文件)
an - 查看代码文件分析
site - 开发运行环境代码生成,用于校验代码,生成目录./site
demo - 用于测试代码生成能力,会覆盖./dist/auth-layout.min.js
App.vue 页面说明:
运行时 - 实时运行登录主题代码入口文件:./src/layout/auth-layout.vue
异步加载 - 加载登录页文件(./dist/auth-layout.min.js)
