jp-housekeep-electric/pages/businessHall/returnBalance/returnApplication.vue

<template>
	<view>
		<u-navbar title="退费申请"  title-color="#101010" ></u-navbar>
		<view class="success-icon">
			<image class="img" src="@/assets/img/md-check_circle vRxbRvD.svg" mode=""></image>
		</view>
		<view class="success-text">
			退费申请成功
		</view>
		<view class="hint">
			退费中，预计0-5个工作日退还至原支付账户
		</view>
		
		<!-- 按钮 -->
		<view class="btns">
			<button class="btn1">完成</button>
			<button class="btn2">查看详情</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	page{
		background-color: #fff;
	}
	.success-icon{
		width: 132rpx;
		height: 132rpx;
		margin: 40rpx auto 16rpx; 
		.img{
			width: 100%;
			height: 100%;
		}
	}
	.success-text{
		color: rgba(51,51,51,1);
		font-size: 48rpx;
		text-align: center;
	}
	.hint{
		color: rgb(119,119,119);
		text-align: center;
		margin-top: 16rpx;
	}
	
	// 按钮
	.btns{
		display: flex;
		padding: 0 80rpx;
		margin-top: 48rpx;
		.btn1{
			width: 280rpx;
			height: 80rpx;
			background-color: rgba(255,255,255,1);
			color: rgba(51,51,51,1);
			font-size: 32rpx;
			border-radius: 50px;
			border: 1px solid rgba(223,223,223,1);
		}
		.btn2{
			width: 280rpx;
			height: 80rpx;
			border-radius: 50px;
			background-color: rgba(22,119,255,1);
			color: rgba(255,255,255,1);
			font-size: 32rpx;
			border: 0px solid rgba(187,187,187,1);
		}
	}

</style>