JP-ChargeTeam51/pages/index/end.vue

<template>
	<view >
		<u-modal v-model="youdianshow"
		 :show-cancel-button="true"
		 confirm-text="前往优电联盟"  title="亲爱的“51”用户"
		 @confirm="gotoUd"
		 >
			<view class="slot-content" style="padding: 20px;">
				
				感谢您一直以来对“51充电联盟”的支持，“51充电联盟”现今已全面升级完成，即日起正式更名为<span style="color: #63c380;">“优电联盟”</span>


				<br/>
				<span style="color: red;font-size: 24rpx;">
				<!-- *原51充电联盟会员使用原手机号登录后可共享您的余额、优惠券等账户信息 -->
				*与51充电联盟会员共享数据，包括账户余额、优惠卡券等。
				</span>
			</view>
		</u-modal>
		<u-modal v-model="youdianshow2"
		 :show-cancel-button="true"
		 confirm-text="前往51充电联盟"  title="亲爱的“51”用户"
		 @confirm="gotoUd2"
		 >
			<view class="slot-content" style="padding: 20px;">
				
				感谢您一直以来对“51充电联盟”的支持，“51充电联盟”现今已全面升级完成，即日起正式更名为<span style="color: #63c380;">“优电联盟”</span>
		
		
				<br/>
				<span style="color: red;font-size: 24rpx;">
				<!-- *原51充电联盟会员使用原手机号登录后可共享您的余额、优惠券等账户信息 -->
				*与51充电联盟会员共享数据，包括账户余额、优惠卡券等。
				</span>
			</view>
		</u-modal>
		
		<image
		mode="widthFix" style="width: 100%"  src="@/assets/img/5-30/51一封信.jpg"></image>
		<view class="btn-zkx-end btn1"  @click="youdianshow=true">
			
		</view>
		<view class="btn-zkx-end btn2"   @click="youdianshow2=true">
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				youdianshow:false,
				youdianshow2:false
			}
		},
		methods: {
			gotoUd(){
				window.location.href='https://youdian.hbjp.com.cn/charging-prod/mobile-charging-car/#/'
			},
			gotoUd2(){
				window.location.href='https://xpgj.xiaoxinda.com/team51backups/#/'
			}
		}
	}
</script>

<style lang="scss" scoped>
	.btn-zkx-end{
		position: fixed;
		    left: 0;
		    right: 0;
		    top: 80rpx;
		    z-index: 991;
			
	}
	.btn1{
		  top: 1000rpx;
		      height: 90rpx;
	}
	.btn2{
		  top: 1130rpx;
		   height: 40rpx;
	}
</style>