蜻蜓Q系统php版本关于验证码/邮箱/用户名三者注册机制对应开启或关闭代码需要修改的部分以及如何自由切换 1,开启邮箱注册登录。 首先是注册页面 /pages/register/register.vue 第91行 - password: '',
- invitationCode: '',
- // 1 手机号 0 邮箱 2 用户名
- type: 1,
此部分 type的 1 改成 0 第22行 - <input class="form-item__input" type="text" placeholder="手机号" v-model="username" />
改成 - <input class="form-item__input" type="text" placeholder="请输入邮箱" v-model="username" />
然后是登陆页面 /pages/login/login.vue - <input class="form-item__input" type="text" placeholder="手机号" v-model="username" />
21行对应 第72行处 - <input class="form-item__input" type="text" placeholder="邮箱" v-model="username" />
- export default {
- data() {
- return {
- username: '',
- password: '',
- loading: false,
- checked: true,
- // 是否强制用户名登录
- flag: 0
- };
- },
是否强制用户名登陆检测这里,checked 改为 false。 2,开启手机号注册登录。 首先登陆后台配置短信信息,默认为云片网短信服务商,审核通过的模板和签名相关信息填入此处,测试保证可收发短信。 首先是注册页面 /pages/register/register.vue
第22行 - <input class="form-item__input" type="text" placeholder="手机号" v-model="username" />
保持这样 第91行type对应改成 1 - invitationCode: '',
- // 1 手机号 0 邮箱 2 用户名
- type: 1,
- checked: true,
- // 是否需要验证码
- need_validation_code: true,
/pages/login/login.vue - <input class="form-item__input" type="text" placeholder="手机号" v-model="username" />
保持显示手机号 - loading: false,
- checked: true,
- // 是否强制用户名登录
- flag: 0
是否强制用户名登陆检测这里,checked 改为 false。 3,开启用户名直接注册登录(此方式最为简便)
/pages/register/register.vue 第91行type对应改成 2 - invitationCode: '',
- // 1 手机号 0 邮箱 2 用户名
- type: 2,
- checked: true,
- // 是否需要验证码
- need_validation_code: true,
第22行 - <input class="form-item__input" type="text" placeholder="用户名" v-model="username" />
保持这样 /pages/login/login.vue - <input class="form-item__input" type="text" placeholder="手机号" v-model="username" />
保持显示手机号 - loading: false,
- checked: true,
- // 是否强制用户名登录
- flag: 0
是否强制用户名登陆检测这里,checked 保持为true。
|