high-mini/components/Authorize.vue

<template>
	<view>
		<view class='Popup' v-if='isShowAuth'>
			<view class="logo-auth">
				 <image src='../static/img/logo.png' mode="aspectFit"></image>
			</view>
		   <view class='title'>授权提醒</view>
		   <view class='tip'>请授权头像等信息，以便为您提供更好的服务</view>
		   <view class='bottom flex'>
		      <view class='item' @click='close'>随便逛逛</view>
			  <!-- #ifdef APP-PLUS -->
			  <!-- <button class='item grant' @click="setUserInfo">去授权</button> -->
			  <!-- #endif -->
			  <!-- #ifdef MP -->
			  <button class='item grant'  type="primary" open-type="getUserInfo" lang="zh_CN" @getuserinfo="setUserInfo">去授权</button>
			  <!-- #endif -->
		   </view>
		</view>
		<view class='mask' v-if='isShowAuth' @click='close'></view>
	</view>
</template>

<script>
	const app = getApp();
	// import Cache from '../utils/cache';
	// import { getLogo } from '../api/public';
	// import { LOGO_URL } from '../config/cache';
	// import { mapGetters } from 'vuex';
	// import Routine from '../libs/routine';
	
	export default {
		name:'Authorize',
		props:{
			isAuto:{
				type:Boolean,
				default:true
			},
			isGoIndex:{
				type:Boolean,
				default:true
			},
			isShowAuth:{
				type:Boolean,
				default:false
			}
		},
		data(){
			return {
			}
		},
		// computed:mapGetters(['isLogin','userInfo']),
		watch:{
			isLogin(n){
				n === true && this.$emit('onLoadFun',this.userInfo);
			}
		},
		created() {
			// this.getLogoUrl();
			// this.setAuthStatus();
		},
		methods:{
			// setAuthStatus(){
			// 	Routine.authorize().then(res=>{
			// 		if(res.islogin === false)
			// 			this.setUserInfo();
			// 		else
			// 			this.$emit('onLoadFun',this.userInfo);
			// 	}).catch(res=>{
			// 		if (this.isAuto) 
			// 			this.$emit('authColse',true);
			// 	})
			// },
			setUserInfo(){
			// 	uni.showLoading({title:'正在登录中'});
			// 	Routine.getCode().then(code=>{
			// 		this.getUserInfo(code);
			// 		uni.switchTab({url:'/pages/user/index'});
					
			// 	}).catch(res=>{
			// 		uni.hideLoading();
			// 	})
			},
			// getLogoUrl(){
			// 	this.logoUrl = app.globalData.site_logo
			// 	// let that = this;
			// 	// if (Cache.has(LOGO_URL)) {
			// 	// 	this.logoUrl = Cache.get(LOGO_URL);
			// 	// 	return;
			// 	// }
			// 	// getLogo().then(res=>{
			// 	// 	that.logoUrl = res.data.logo_url
			// 	// 	Cache.set(LOGO_URL,that.logoUrl);
			// 	// })
			// },
			close(){
				console.log('1111');
				let pages = getCurrentPages(), currPage  = pages[pages.length - 1];
				if(this.isGoIndex){
					uni.switchTab({url:'/pages/index/index'});
				} else {
					this.$emit('authColse',false);
				}
				// if (currPage && currPage.isShowAuth != undefined){
				// 	currPage.isShowAuth = true;
				// }
			},
		}
	}
</script>

<style scoped lang='scss'>
	.Popup{width:500rpx;background-color:#fff;position:fixed;top:50%;left:50%;margin-left:-250rpx;transform:translateY(-50%);z-index:320;}
	.Popup{
		.logo-auth{
			z-index: -1;
			position: absolute;
			left: 50%;
			top: 0%;
			transform: translate(-50%,-50%);
			width:150rpx;
			height:150rpx;
			display:flex;
			align-items: center;
			justify-content: center;
			border: 8rpx solid #fff;
			border-radius: 50%;
			background: #fff;
		}
		image{
				height: 80rpx;
				margin-top: -54rpx;
			}
	}
	
	.Popup .title{font-size:28rpx;color:#000;text-align:center;margin-top: 30rpx}
	.Popup .tip{font-size:22rpx;color:#555;padding:0 24rpx;margin-top:25rpx;}
	.Popup .bottom .item{width:50%;height:80rpx;background-color:#eeeeee;text-align:center;line-height:80rpx;font-size:24rpx;color:#666;margin-top:54rpx;}
	.Popup .bottom .item.on{width: 100%}
	.flex{display:flex;}
	.Popup .bottom .item.grant{font-size:28rpx;color:#fff;font-weight:bold;background-color:#a1bac5;border-radius:0;padding:0;}
	.mask{position:fixed;top:0;right:0;left:0;bottom:0;background-color:rgba(0,0,0,0.65);z-index:310;}
	
</style>