跳到主要内容

ForgetPWD 忘记密码页

中后台项目统一的“忘记密码”页面，有两种主题：百威红、品牌黄。

同时集成了接口请求、阿里云验证码-智能验证。

提示

使用 Page 组件前，务必先

在 HTML 的 head 标签中添加 <script src="https://g.alicdn.com/AWSC/AWSC/awsc.js"></script>
在应用入口处添加以下代码：

import { BfPage } from '@bud-fe/react-pc-ui';
import request from './utils/request';

// 初始化 BfPage 中登录页、忘记密码页需要的参数
BfPage.configRequest({
  // @bud-fe/request 的 AxiosRequest 实例
  request,
  // 应用对应的 systemId。默认1代表业务中台
  systemId: 1,
});

若需要设置自己的阿里云验证码-智能验证的 appKey 和 scene，可在应用入口处添加以下代码：

import { BfAWSCModal } from '@bud-fe/react-pc-ui';

BfAWSCModal.setup({
  appkey: 'FFFF0NXXXXXXXXXXX',
  scene: 'ic_login',
});

完整示例可参考模板工程代码：

基本使用

百威红

品牌黄

提示

设置页面组件的 type 属性来切换不同主题时，务必记得先快速上手-定制 antd 主题。

API

基本使用
- 百威红
- 品牌黄
API