uniapp中登录授权

• 首先调用 uni.login() 方法,获取到code / authCode
• 然后将这个code 发送给后端，后端会用这个code去和wx / zfx 要 open_id 和 session_key / userid 和 token
• 然后后端将获取到的这些发给前端，前端用这两个东西，可以干其他的事情

如： 1. 获取用户信息 2.支付的时候需要传递open_id / userid给后端吗

uni.login({
	provider: 'weixin',
	success: function (loginRes) {
		console.log("wxcode",loginRes.code);
		var code = loginRes.code
		uni.request({
	            url: "https://www.cailanzi001.com/api/v1/wechat/business/miniprogram/login", 
	            data: {
	              jsCode: code
	            },
	            method: 'POST', 
	            success: (res)=>{ 
					console.log("res",res.data.data);//这个里面有openid  和  unionid
					let openid = res.data.data.openid
					uni.setStorageSync('wxopenid',openid); //存在小程序缓存中
	            },
	            fail:  (res)=>{
	              console.log(res);
	            }
			})
	}
});

uniapp中的支付

• 将 金额 和 openid通过一个接口发送给后端，然后后端去进行签名 加密 等等，最后返回我们需要的请求参数
• 下面以微信为例，返回一个对象，然后我们拉起微信的支付方法，然后将后端返的参数正确传递进去，就可以支付了
• 我想支付宝也是一样，我将usersid 和 金额 传递给后端，然后后端返回我一个orderOn订单编号
• 然后我拉起支付宝的支付方法，将这个orderOn传递进去，就可以支付了

//获取wx支付请求参数
let wxopenid = uni.getStorageSync('wxopenid');
let payMoney = item.rechargeAmount
let data = {"openId":wxopenid,"rechargeAmount":payMoney}
getWxPayRequestParams(data).then(res=>{
	console.log(res.data.data); //这个那个对象
	let wxPayParams = res.data.data
	
	//调起wx支付接口  ==>必须传递这五个参数，wx官网就是这么写的
	wx.requestPayment(
	{
	'timeStamp': wxPayParams.timeStamp,
	'nonceStr': wxPayParams.nonceStr,
	'package': wxPayParams.package,
	'signType': 'MD5',
	'paySign': wxPayParams.paySign,
	'success':function(res){console.log(res);},
	'fail':function(res){console.log(res);},
	'complete':function(res){console.log(res);}
	})

	
})

聊一聊相对路径 绝对路径 相对定位 绝对定位

相对路径

相对路径即从所在目录开始检索的路径。 比如我们常用的 ./ …/

绝对路径

绝对路径即从根开始检索的路径。 比如C:\Users\Administrator\Desktop\敞视收银台\static\images

相对定位

首先相对定位，相对谁，相对自己。 position relative 根据自身位置便宜

绝对定位

position absolute 需要给父元素 position relative 根据父元素位置偏移

固定定位 和 绝对定位 回脱离文档流

• 脱离文档流：也就是将元素从普通的布局排版中拿走，其他盒子在定位的时候，会当做脱离文档流的元素不存在而进行定位。
• 使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围。
• 使用absolute positioning脱离文档流的元素，其他盒子与其他盒子内的文本都会无视它。