<template>
	<view>
		<view class="bg-gradual-color">
			<!-- 顶部操作条 -->
			<cu-custom :bgColor="''" :isBack="true">
				<block slot="backText">返回</block>
				<block slot="content">保证金</block>
			</cu-custom>
			<view class="padding-sm">
				<view class="padding light">
					<view>已缴纳诚信保证金（元）</view>
					<view class="margin-top-sm">
						<view class="text-sl text-price text-bold">{{payDeposit.paidAmount}}</view>
					</view>
				</view>
			</view>
		</view>
		<view class="text-center">
			<view class="margin-top-lg padding-lg">
				<view class="text-lg">优先派单 | 更多雇佣</view>
				<view>保障服务完成 | 保障服务质量 | 保障售后问题</view>
			</view>
			<view class="margin-top-lg padding-lg">
				<button class="cu-btn lg bg-main-color long-btn shadow-blur">缴纳保证金</button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				payDeposit: {}
			}
		},
		onLoad() {
			this.loadData();
		},
		methods: {
			async loadData() {
				this.payDeposit = await this.$api.data('payDeposit');
			}
		},
	}
</script>

<style>
</style>
