crmeb小程序适配最新授权策略

源码地址

对照下图修改对应文件中的代码

一. 移动端修改，如下图对应位置修改；

1. 文件位置 ： components/Authorize.vue
   

如果未做二开，完整代码如下：

<template>
	<view>
		<view class='Popup' v-if='isShowAuth'>
			<view class="logo-auth">
				<image :src='logoUrl' 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 v-if="canUseGetUserProfile" class="item grant" hover-class="none"
					@tap="getUserProfile">去授权</button>
				<button v-else 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 {
    
				logoUrl: app.globalData.routine_logo,
				canUseGetUserProfile: false
			}
		},
		computed: mapGetters(['isLogin', 'userInfo']),
		watch: {
    
			isLogin(n) {
    
				n === true && this.$emit('onLoadFun', this.userInfo);
			}
		},