50 lines
1.1 KiB
Vue
50 lines
1.1 KiB
Vue
<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>
|