yiliangyiyun-app/pages/fuelfilling/popup.nvue

<template>
	<div class='wrap'>
		<div class='popup'>
			<text class='title'>提示</text>
			<div class="popup-content">
				<text class='content'>确认行程已结束？</text>
			</div>
			<div class="button-group">
				<text @click='close' class='button'>取消</text>
				<text @click='submit' class='button success'>确定</text>
			</div>
			
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			close(){
				uni.$emit('page-popup-close', {   
				    content: false
				});
			},
			submit(){
				uni.$emit('page-popup-submit', {  
				    content: false 
				});
			}
		}
	}
</script>

<style scoped>
.wrap{
	padding:500rpx 50rpx;
	background:rgba(255,255,255,0.3);
}
.popup{
	background:#fff;
	border-radius: 20rpx;
}
.popup-content{
	padding: 20rpx;
}
.content{
	font-size:28rpx;
	padding:6rpx 0 36rpx;
	text-align:center;
}
.title{
	font-size:36rpx;
	padding:20rpx 20rpx;
}
.button-group{
	flex-direction: row; display:flex;
	justify-content: space-between;
}
.button{
	font-size:28rpx;
	text-align:center;
	flex:1;
	padding:20rpx;
}
.success{
	color:#409eff;
	border-bottom-right-radius:20rpx;
}
</style>