授权登录页面

pages.json

@@ -181,6 +181,14 @@
 				"navigationStyle": "custom"
 			}
 
+		}, {
+			"path": "pages/login/authLogin/authLogin",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+
 		}
 	],
 	"globalStyle": {

pages/index/index.vue

@@ -49,7 +49,7 @@
 			<uni-grid column="2" v-if="isOrg">
 				<uni-grid-item v-for="(app,index) in appList" :key="index">
 					<view class="app-item" @click="toLink(app)">
-						<view :class="isLineVisil(index)?'app-name-left':'app-name-right'">积分商城</view>
+						<view :class="isLineVisil(index)?'app-name-left':'app-name-right'">劳务积分</view>
 						<image class="app-logo" src="../../static/ic-score-logo.png"></image>
 						<view class="line" v-if="isLineVisil(index)"></view>
 					</view>
@@ -516,10 +516,10 @@
 			this.statusBarHeight = info.statusBarHeight
 		},
 		onShow() {
+			
+		},
+		onReady() {
 			this.loginState()
-			this.getSetting()
-			this.getMyScore()
-			this.getHomeComp()
 		},
 		methods: {
 			clickItem() {
@@ -619,21 +619,27 @@
 						//获取用户信息
 						that.getUserInfo()
 						// that.getNews()
+						that.getSetting()
+						that.getMyScore()
+						that.getHomeComp()
 					},
 					fail() {
-						uni.showModal({
-							title: '登录提示',
-							content: '该账号还没登录，是否去登录',
-							showCancel: true,
-							confirmText: "登录",
-							cancelText: "取消",
-							confirmColor: '#3B73FE',
-							success: res => {
-								if (res.confirm) {
-									that.toLogin()
-								}
-							}
+						uni.navigateTo({
+							url: "/pages/login/authLogin/authLogin"
 						})
+						// uni.showModal({
+						// 	title: '登录提示',
+						// 	content: '该账号还没登录，是否去登录',
+						// 	showCancel: true,
+						// 	confirmText: "登录",
+						// 	cancelText: "取消",
+						// 	confirmColor: '#3B73FE',
+						// 	success: res => {
+						// 		if (res.confirm) {
+						// 			that.toLogin()
+						// 		}
+						// 	}
+						// })
 					}
 				})
 			},

pages/login/authLogin/authLogin.vue

+<template>
+	<view class="content" :style="{width:screenWidth+'px',height:screenHeight+'px'}">
+		<image src="../../../static/homeimage-bg.png" style="margin-top: 173px;"></image>
+		<view style="flex:1;"></view>
+		<view class="bottom-content">
+			<image src="../../../static/hbd-logo.png" class="image"></image>
+			<text class="text">欢迎使用
+				工地一点通小程序</text>
+			<text class="desc">为了给您提供更优质的应用服务，工地一点通将会使用您的部分信息，因此请点击工地一点通用户授权登录，否则将无法使用我们的产品和服务。</text>
+			<view class="btn-content" @click="toLogin">
+				<view class="auth-text">工地一点通授权登录</view>
+			</view>
+			<view class="cancel-content" @click="toCancel">
+				<text class="text">暂不使用</text>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				screenWidth: 375,
+				screenHeight: 812
+			}
+		},
+		onLoad() {
+			const info = uni.getSystemInfoSync()
+			this.screenWidth = info.screenWidth
+			this.screenHeight = info.screenHeight
+		},
+		methods: {
+			toLogin() {
+				uni.navigateTo({
+					url: "/pages/login/login/login"
+				})
+			},
+			toCancel() {
+				uni.switchTab({
+					url: "/pages/index/index"
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	.content {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		background: linear-gradient(138.42deg, #59a3fe 0%, #1757ff 100%);
+
+		.bottom-content {
+			display: flex;
+			flex-direction: column;
+			background-color: #FFFFFF;
+			height: 419px;
+			width: 750rpx;
+			border-radius: 30rpx 30rpx 0 0;
+
+			image {
+				width: 64rpx;
+				margin: 64rpx 0 0 64rpx;
+				height: 64rpx;
+			}
+
+			text {
+				font-weight: 600;
+				font-size: 48rpx;
+				margin: 32rpx 0 0 64rpx;
+				color: #333;
+			}
+
+			.desc {
+				font-family: "PingFang SC";
+				font-weight: 400;
+				margin: 64px 64rpx 24px 64rpx;
+				font-size: 28rpx;
+				color: #a6a6a6;
+			}
+
+			.btn-content {
+				width: 690rpx;
+				height: 40px;
+				border-radius: 20px;
+				background: #3b73fe;
+				margin: 0 30rpx;
+				align-items: center;
+				display: flex;
+				flex-direction: row;
+				justify-content: center;
+
+				.auth-text {
+					font-weight: 400;
+					text-align: center;
+					font-size: 28rpx;
+					color: #fff;
+				}
+			}
+
+			.cancel-content {
+				width: 690rpx;
+				height: 40px;
+				align-items: center;
+				display: flex;
+				flex-direction: row;
+				justify-content: center;
+
+				text {
+					font-weight: 400;
+					font-size: 28rpx;
+					color: #999;
+				}
+
+			}
+		}
+	}
+</style>