1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<template>
<view class="main">
<TopBar title="退定金" />
<view class="content">
<view class="view1">定金将退回到您的账户资金</view>
<view class="view2">如提现则需要您手动提现到您的银行卡</view>
<view class="btn">我的资金</view>
</view>
</view>
</template>
<script>
import TopBar from '@/components/TopBar/TopBar.vue';
export default {
data() {
return {
}
},
components: {
TopBar
}
}
</script>
<style lang="less" scoped>
.main {
height: 100vh;
background-color: #F8F8F8;
overflow: hidden;
.content {
width: 702rpx;
height: 496rpx;
border-radius: 20rpx;
box-sizing: border-box;
background-color: #fff;
margin: 104rpx auto 0;
padding: 40rpx 44rpx 0;
.view1 {
height:44rpx;
line-height: 44rpx;
font-size:32rpx;
font-family:PingFangSC-Semibold,PingFang SC;
font-weight:600;
color: #212121;
margin-bottom: 16rpx;
}
.view2 {
color: #8F99A7;
height:40rpx;
line-height: 40rpx;
font-size:28rpx;
margin-bottom: 40rpx;
}
.btn {
width: 200rpx;
height: 64rpx;
line-height: 64rpx;
text-align: center;
background-color: #f5f5f5;
color: #464646;
font-size: 28rpx;
font-family:PingFangSC-Medium,PingFang SC;
font-weight:500;
}
}
}
</style>