QianNiaoUser/components/NoLoginTip.vue

<template>
	<!--

	 show-cancel-button
	 confirm-color="#ffffff"
	 confirm-text="立即登录"
	 cancel-text="暂不登录"
	 @confirm="confirm"
	 @cancel="cancel"
	 -->
	<u-modal :show-confirm-button="false" v-model="show" title="您还未登录">
		<view style="text-align: center;">
			<view style="font-size: 24rpx; color: #666;padding: 20rpx; 0">请先登录之后再进行操作</view>
			<image style="width: 200rpx; height: 200rpx;margin-bottom: 20rpx;" src="https://onlineimg.qianniao.vip/login-tip.jpg" mode="aspectFit"></image>
			<view class="m-btn-ul">
				<view class="m-btn-li" @click="cancel">暂不登录</view>
				<view class="m-btn-li confirm-btn primary-bg" >
					<Login @loginSuccess="loginSuccess"><view slot="lBtn" style="color: #fff;">立即登录</view></Login>
				</view>
			</view>
		</view>
	</u-modal>
</template>

<script>
import Login from '@/components/Login.vue';
export default {
	components: {
		Login
	},
	props: {
		show: {
			type: Boolean,
			default: false
		}
	},
	data() {},
	methods: {
		loginSuccess() {
			this.cancel();
		},
		confirm() {
			// #ifdef APP-PLUS
			uni.reLaunch({
				url: '/pagesT/public/wxLogin'
			});
			// #endif
			// #ifdef MP-WEIXIN || MP-TOUTIAO
			uni.reLaunch({
				url: '/pages/binding/bindInfo'
			});
			//#endif
			// #ifdef H5
			uni.reLaunch({
				url: '/pagesT/public/wxLogin?loginType=2'
			});
			// #endif
		},
		cancel() {
			console.log(123)
			this.$emit('cancel');
		}
	}
};
</script>

<style lang="scss">
.m-btn-ul {
	display: flex;
	border-top: 1px solid #f4f4f4;
	.m-btn-li {
		flex: 2;
		font-size: 28upx;
		line-height: 88upx;
	}
	.confirm-btn {
		color: #ffffff;
	}
}
</style>