20261008

2026-10-08 18:34:09 +08:00
commit 2933904f4c
905 changed files with 112129 additions and 0 deletions
@@ -0,0 +1,112 @@
+<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>