手机号与账号密码登陆

154 阅读1分钟

![] text 也是一个组件

写 咨询列表 切换方法:

步骤:

动态修改字体

登录: 要两个输入才可以 登录

手机登录 true 的样式比较浅色 flase 就是深色可以点击了

(可以应用在 选择咨询主题在 和 另一咨询列表 )

获取验证码:

1.点击事件 点击之后变成倒计时: 辅助变量 倒计时 注意:定时器中要用箭头函数 就是点击了一次 之后再点击就不能点了

点击了用{{}} 修改内容

点击之后 和点击前的样式

提交表单

正则:判断 百度:常用js正则表达式

点击获取验证码的时候 就要验证了

第三方登录

(微信登录) import('@/view/single-page/home')

// vue.config.js
chainWebpack: config => {
    config.resolve.alias
      .set('@', resolve('src')) // key,value自行定义,比如.set('@@', resolve('src/components'))
      .set('_c', resolve('src/components'))
      .set('_conf', resolve('config'))
  }

"@"符号是一种别名的写法,这里代表"src"路径。

在uni代表的是 根目录 /

注意:子组件没有onload() 这个生命周期

uni.getProvider({
				service: 'oauth',
				success: (result) => {
					this.providerList = result.provider.map((value) => {
						let providerName = '';
						switch (value) {
							case 'weixin':
								providerName = '微信登录'
								break;
							case 'qq':
								providerName = 'QQ登录'
								break;
							case 'sinaweibo':
								providerName = '新浪微博登录'
								break;
							case 'xiaomi':
								providerName = '小米登录'
								break;
							case 'alipay':
								providerName = '支付宝登录'
								break;
							case 'baidu':
								providerName = '百度登录'
								break;
							case 'toutiao':
								providerName = '头条登录'
								break;
						}
						return {
							name: providerName,
							id: value
						}
					});