xiangqin/components/Showtoast.vue

<template>
	<view>
		<u-popup :show="showtoast" :round="10" mode="center" >
						<view style="width: 550rpx;
		height: 560rpx;
		background: linear-gradient(to right,#E8F0FB,#F8E7FD);
		border-radius: 28rpx;padding: 60rpx 120rpx;box-sizing: border-box;" class="u-flex-col u-col-center">
				            <image src="../static/tishi.png" mode="" style="width: 84rpx;height: 84rpx;"></image>
							<text style="font-size: 32rpx;margin-top: 40rpx;">成为认证会员才能</text>
							<text style="font-size: 32rpx;">进行该操作</text>
							<view class="" style="width: 310rpx;
		height: 84rpx;
		background: linear-gradient(270deg, #A890FE 0%, #FFAEAE 100%);
		border-radius: 46rpx;color: #fff;font-size: 32rpx;line-height: 84rpx;text-align: center;margin: 50rpx 0 32rpx;" @click="torenzheng">
								立即认证
							</view>
							<text style="font-size: 30rpx;color: #A2A2A2;" @click="cancel">取消</text>
						</view>
					</u-popup>
	</view>
</template>

<script>
	export default {
		name:"showtoast",
		data() { 
			return {
				
			};
			
		},
		props:{
			showtoast:{
				type:Boolean,
				default:true
			}
		},
		methods:{
			torenzheng(){
					uni.switchTab({
						url:'../auth/auth'
					})
			},
			cancel(){
				this.$emit('canceltoast')
			}
		}
	}
</script>

<style lang="scss">

</style>