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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<template>
<view class="main">
<TopBar title="驳回原因"/>
<view class="refuse_flex">
<view class="flex">
<image class="refuse_img" src="https://dbc-static.oss-cn-beijing.aliyuncs.com/credit_shop/20190424/goods/5cc03cef241dc.jpeg?x-oss-process=image/resize,m_lfit,w_300,h_300/auto-orient,0/quality,Q_85/format,jpg"></image>
<view class="dlb dlb_box">
<view class="refuse_goods_name">采购分期 l 精灵DR</view>
<view class="refuse_goods_price">￥1,234,800.0</view>
</view>
</view>
<text class="refuse_refund">退定金</text>
</view>
<view class="refuse_view">
<view class="title">还款异常</view>
<view class="refuse_content">尊敬的用户，您好！您本次的采购分期申请由于资质信息不准确，被驳回，请更换您的如下资质：
</view>
<view class="refuse_item">1:营业执照</view>
</view>
</view>
</template>
<script>
import TopBar from '@/components/TopBar/TopBar.vue';
export default {
data() {
return {
}
},
components: {
TopBar
}
}
</script>
<style lang="less" scoped>
.main {
background-color: #F8F8F8;
width: 100%;
height: 100vh;
padding-top: 80rpx;
}
.refuse_flex {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20rpx 40rpx 20rpx 24rpx;
box-shadow:0px 4px 16px 0px rgba(0,0,0,0.04);
.flex {
display: flex;
.refuse_img {
width: 120rpx;
height: 120rpx;
border-radius: 8rpx;
margin-right: 20rpx;
}
.dlb_box {
color: #212121;
.refuse_goods_name {
font-size: 26rpx;
line-height: 36rpx;
margin-bottom: 20rpx;
}
.refuse_goods_price {
font-size: 28rpx;
line-height: 40rpx;
}
}
}
.refuse_refund {
width: 120rpx;
height: 56rpx;
line-height: 56rpx;
border-radius: 28rpx;
text-align: center;
border: 1px solid #AEAEAE;
box-sizing: border-box;
color: #464646;
font-size: 26rpx;
}
}
.refuse_view {
width: 694rpx;
background: #fff;
margin: 32rpx auto 40rpx;
padding: 40rpx;
box-sizing: border-box;
.title {
height:40rpx;
font-size:28rpx;
font-family:PingFangSC-Semibold,PingFang SC;
font-weight:600;
color: #212121;
}
.refuse_content {
color: #8F99A7;
font-size: 28rpx;
line-height: 40rpx;
margin: 20rpx 0 40rpx;
}
.refuse_item {
color: #464646;
font-size: 28rpx;
}
}
</style>