113 lines
2.5 KiB
Vue
113 lines
2.5 KiB
Vue
<template>
|
||
<view class="component" @click="openClose">
|
||
<view class="layout-finance bg-white">
|
||
<view class="title">金久信·金融服务</view>
|
||
<view class="finance-box flex m-top-20">
|
||
<view class="finance-left flex-1 p-right-20">
|
||
<view class="big indent">买家采购更放心</view>
|
||
<view class="text">
|
||
先收货后付款，账单最长<text class="red">60</text>天
|
||
</view>
|
||
<view class="big indent m-top-20">卖家销售无压力</view>
|
||
<view class="text">
|
||
账期交易未到期，资金提前收。
|
||
</view>
|
||
</view>
|
||
<view class="finance-right">
|
||
<image class="full" src="/static/img/finance-1.png" mode=""></image>
|
||
</view>
|
||
</view>
|
||
<view class="finance-box flex m-top-20">
|
||
<view class="finance-left flex-1 p-right-20">
|
||
<view class="text m-top-20">
|
||
利率低至年化<text class="red">4.35%</text>
|
||
</view>
|
||
<view class="big">赊账卖钢材，回款不担心！</view>
|
||
</view>
|
||
<view class="finance-right">
|
||
<image class="full" src="/static/img/finance-2.png" mode=""></image>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {
|
||
isLogin: false,
|
||
}
|
||
},
|
||
methods: {
|
||
openClose() {
|
||
uni.showModal({
|
||
title: '提示',
|
||
content: '该功能暂未开放',
|
||
showCancel: false,
|
||
confirmText: '关闭'
|
||
})
|
||
}
|
||
},
|
||
onLoad() {
|
||
|
||
},
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
.layout-finance {
|
||
margin: 10rpx 30rpx;
|
||
padding: 20rpx 20rpx;
|
||
.title {
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
line-height: 40rpx;
|
||
color: #A92924;
|
||
}
|
||
.finance-box {
|
||
padding: 20rpx 20rpx 10rpx;
|
||
border: 1px solid #f2f2f2;
|
||
.finance-left {
|
||
.big {
|
||
padding: 6rpx 0;
|
||
font-size: 28rpx;
|
||
font-weight: 500;
|
||
line-height: 40rpx;
|
||
color: #101010;
|
||
}
|
||
.indent {
|
||
position: relative;
|
||
text-indent: 0.5em;
|
||
&:before {
|
||
position: absolute;
|
||
left: 0;
|
||
top: 50%;
|
||
z-index: 9;
|
||
content: '';
|
||
width: 2px;
|
||
height: 2px;
|
||
border-radius: 50%;
|
||
background: #333333;
|
||
}
|
||
}
|
||
.text {
|
||
font-size: 24rpx;
|
||
font-weight: 500;
|
||
line-height: 40rpx;
|
||
color: #333333;
|
||
}
|
||
.red {
|
||
font-size: 32rpx;
|
||
font-weight: 600;
|
||
color: #A92924;
|
||
}
|
||
}
|
||
.finance-right {
|
||
width: 250rpx;
|
||
height: 230rpx;
|
||
}
|
||
}
|
||
}
|
||
</style>
|