From fcbe904dbea3d1ec6a76fedf709617432b74179e Mon Sep 17 00:00:00 2001
From: tangxinyue <524779910@qq.com>
Date: Wed, 21 Jan 2026 18:44:53 +0800
Subject: [PATCH] =?UTF-8?q?=E8=8A=B1=E5=91=97=E5=AE=8C=E6=88=90=E9=80=BE?=
 =?UTF-8?q?=E6=9C=9F=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/nav-bar/nav-bar.vue                |  21 +-
 pages.json                                    |  18 +-
 pages/ant-credit-pay/index.vue                |  43 +-
 .../overdue-payment/overdue-payment.vue       | 635 ++++++++++++++++++
 pages/index/index.nvue                        |   7 +-
 .../overdue-payment/beiyongjin.png            | Bin 0 -> 1086 bytes
 .../overdue-payment/consume-dot.png           | Bin 0 -> 423 bytes
 .../overdue-payment/fenqishenghuo.png         | Bin 0 -> 1444 bytes
 .../overdue-payment/huabeijin.png             | Bin 0 -> 1269 bytes
 .../overdue-payment/overdue-bg.png            | Bin 0 -> 1044 bytes
 .../overdue-payment/right-icon.png            | Bin 0 -> 152 bytes
 .../overdue-payment/shenghuohao.png           | Bin 0 -> 628 bytes
 .../overdue-payment/warring-icon.png          | Bin 0 -> 2091 bytes
 .../overdue-payment/zhoubao.png               | Bin 0 -> 337 bytes
 14 files changed, 709 insertions(+), 15 deletions(-)
 create mode 100644 pages/ant-credit-pay/overdue-payment/overdue-payment.vue
 create mode 100644 static/image/ant-credit-pay/overdue-payment/beiyongjin.png
 create mode 100644 static/image/ant-credit-pay/overdue-payment/consume-dot.png
 create mode 100644 static/image/ant-credit-pay/overdue-payment/fenqishenghuo.png
 create mode 100644 static/image/ant-credit-pay/overdue-payment/huabeijin.png
 create mode 100644 static/image/ant-credit-pay/overdue-payment/overdue-bg.png
 create mode 100644 static/image/ant-credit-pay/overdue-payment/right-icon.png
 create mode 100644 static/image/ant-credit-pay/overdue-payment/shenghuohao.png
 create mode 100644 static/image/ant-credit-pay/overdue-payment/warring-icon.png
 create mode 100644 static/image/ant-credit-pay/overdue-payment/zhoubao.png

diff --git a/components/nav-bar/nav-bar.vue b/components/nav-bar/nav-bar.vue
index 569a585..fca60e5 100644
--- a/components/nav-bar/nav-bar.vue
+++ b/components/nav-bar/nav-bar.vue
@@ -1,6 +1,6 @@
 <template>
 	<view style="width: 100%;" :style="{ height: `${data.statusBarHeight + 44}px` }"></view>
-	<view class="nav-bar-container" :style="{ backgroundColor: bgColor }">
+	<view class="nav-bar-container" :style="{ backgroundColor: bgColor, zIndex: zIndex }">
 		<view class="status-placeholder" :style="{ height: `${data.statusBarHeight}px` }"></view>
 		<view style="width: 100%;height: 44px;" @click="openPopup">
 			<slot>
@@ -41,10 +41,19 @@
 
 		<popup ref="topPopup">
 			<view class="button-group w100 flex-between flex-wrap">
-				<view class="button-box" v-for="button in buttonGroup" @click="buttonClick(button)">
-					<view class="button">
-						{{ button.name }}
+				<view class="button-box" v-for="(button, index) in buttonGroup" :key="index"
+					@click="buttonClick(button)">
+					<!-- 使用作用域插槽，允许父组件自定义按钮内容 -->
+
+					<!-- 默认渲染 -->
+					<view class="button flex-align-center flex-justify-center">
+						<slot name="button" :button="button" :index="index">
+							{{ button.name }}
+							<switch v-if="button.isSwitch" :checked="button.value" @change="buttonClick(button)"
+								style="transform: scale(0.7);"></switch>
+						</slot>
 					</view>
+
 				</view>
 			</view>
 		</popup>
@@ -90,6 +99,10 @@ const props = defineProps({
 	rightButtonText: {
 		type: String,
 		default: '确定'
+	},
+	zIndex: {
+		type: Number,
+		default: 999
 	}
 })
 
diff --git a/pages.json b/pages.json
index 13480fb..79832eb 100644
--- a/pages.json
+++ b/pages.json
@@ -56,12 +56,20 @@
 		{
 			"root": "pages/ant-credit-pay",
 			"pages": [{
-				"path": "index",
-				"style": {
-					"navigationBarTitleText": "花呗首页",
-					"navigationStyle": "custom"
+					"path": "index",
+					"style": {
+						"navigationBarTitleText": "花呗首页",
+						"navigationStyle": "custom"
+					}
+				},
+				{
+					"path": "overdue-payment/overdue-payment",
+					"style": {
+						"navigationBarTitleText": "花呗逾期",
+						"navigationStyle": "custom"
+					}
 				}
-			}]
+			]
 		},
 		{
 			"root": "pages/common",
diff --git a/pages/ant-credit-pay/index.vue b/pages/ant-credit-pay/index.vue
index b389269..ffd1328 100644
--- a/pages/ant-credit-pay/index.vue
+++ b/pages/ant-credit-pay/index.vue
@@ -10,6 +10,17 @@
 		<view class="main-container">
 			<NavBar v-if="!selectedImage" title="花呗" :bgColor="data.navBar.bgColor" :buttonGroup="buttonGroup"
 				@button-click="clickTitlePopupButton">
+				<!-- 使用作用域插槽自定义按钮渲染，特别是switch的checked绑定 -->
+				<template #button="{ button }">
+					<view class="button flex-align-center flex-justify-center">
+						{{ button.name }}
+						<view @tap.stop>
+							<switch v-if="button.isSwitch" :checked="data.huabeiInfo.isOverdue" @change="button.click"
+								style="transform: scale(0.7);"></switch>
+						</view>
+					</view>
+				</template>
+
 				<view class="nav-bar flex-between w100" :class="{ 'ios-nav-bar': $system == 'iOS' }">
 					<view class="flex-align-center flex-1">
 						<view class="left" @click.stop="goBack">
@@ -76,7 +87,8 @@
 			@longpress="chooseImage">
 			<view v-if="!huabeiInfo.image" class="flex-align-center flex-column">
 				<image style="width:92rpx; height: 92rpx;margin-top: 16rpx;"
-					src="/static/image/common/upload-screenshot.png"></image>
+					src="/static/image/common/upload-screenshot.png">
+				</image>
 				<text style="font-size: 36rpx;color: #1777FF;">长按替换真实截图</text>
 			</view>
 			<view v-else class="w100 h100">
@@ -168,7 +180,8 @@
 <script setup>
 import NavBar from '@/components/nav-bar/nav-bar'
 import {
-	numberUtil
+	numberUtil,
+	util
 } from '@/utils/common.js'
 import {
 	ref,
@@ -177,7 +190,8 @@ import {
 	reactive
 } from 'vue';
 import {
-	onLoad
+	onLoad,
+	onShow
 } from '@dcloudio/uni-app';
 
 const instance = getCurrentInstance();
@@ -199,6 +213,18 @@ const buttonGroup = [{
 		data.huabeiInfo.image = ""
 		uni.setStorageSync(data.huabeiInfoStorageKey, data.huabeiInfo)
 	}
+}, {
+	name: "花呗逾期",
+	isSwitch: true,
+	click: () => {
+		data.huabeiInfo.isOverdue = !data.huabeiInfo.isOverdue
+		uni.setStorageSync(data.huabeiInfoStorageKey, data.huabeiInfo)
+		if (data.huabeiInfo.isOverdue) {
+			uni.redirectTo({
+				url: '/pages/ant-credit-pay/overdue-payment/overdue-payment'
+			})
+		}
+	}
 }]
 
 const data = reactive({
@@ -217,7 +243,8 @@ const data = reactive({
 		styleType: 1,
 		installmentBadgeText: '4折起',
 		image: "",
-		isOverdue: false
+		isOverdue: false,
+		daysPastDue: 1
 	},
 	selectedImage: '',
 	showMask: false
@@ -276,6 +303,13 @@ onLoad((option) => {
 	}
 })
 
+onShow(() => {
+	// #ifdef APP-PLUS
+	util.setAndroidSystemBarColor('#ffffff')
+	plus.navigator.setStatusBarStyle("light");
+	// #endif
+})
+
 // 打开弹窗
 const openDialog = () => {
 	// 深拷贝当前数据到编辑表单
@@ -364,7 +398,6 @@ const confirmImage = () => {
 					0, sTop, sWidth, sHeight, // 源图裁剪区域
 					0, 0, canvasW, canvasH // 画布绘制区域
 				)
-
 				ctx.draw(false, () => {
 					uni.canvasToTempFilePath({
 						canvasId: 'crop-canvas',
diff --git a/pages/ant-credit-pay/overdue-payment/overdue-payment.vue b/pages/ant-credit-pay/overdue-payment/overdue-payment.vue
new file mode 100644
index 0000000..3197d2b
--- /dev/null
+++ b/pages/ant-credit-pay/overdue-payment/overdue-payment.vue
@@ -0,0 +1,635 @@
+<template>
+
+	<view class="page-container">
+		<view class="main-container">
+
+			<!-- 头部背景 (带弧度) -->
+			<view class="header-bg"></view>
+
+			<!-- 导航栏 - 降低层级以显示水印 -->
+			<NavBar title="花呗 | 信用购" :bgColor="'transparent'" textColor="#fff" :isFixed="true" :zIndex="10"
+				:buttonGroup="buttonGroup" @button-click="clickTitlePopupButton">
+				<!-- 使用作用域插槽自定义按钮渲染，特别是switch的checked绑定 -->
+				<template #button="{ button }">
+					<view class="button flex-align-center flex-justify-center">
+						{{ button.name }}
+						<view @tap.stop>
+							<switch v-if="button.isSwitch" :checked="data.huabeiInfo.isOverdue" @change="button.click"
+								style="transform: scale(0.7);"></switch>
+						</view>
+					</view>
+				</template>
+				<view class="nav-bar flex-between w100" :class="{ 'ios-nav-bar': $system == 'iOS' }">
+					<view class="flex-align-center flex-1">
+						<view class="left" @click.stop="goBack">
+							<image class=" back-icon" src="/static/image/nav-bar/back-white.png" mode="">
+							</image>
+						</view>
+						<view class="title ">
+							花呗
+						</view>
+					</view>
+
+					<view class="right">
+						<image class="icon" src="/static/image/ant-credit-pay/service.png"></image>
+						<image class="icon" src="/static/image/ant-credit-pay/setting.png"></image>
+					</view>
+				</view>
+			</NavBar>
+
+			<view class="header-content-wrapper">
+				<view class="current-month flex-align-center flex-justify-center">逾期金额(元) | <text
+						style="color: #FFF3A8;margin-left: 14rpx;">
+						已逾期{{ huabeiInfo.daysPastDue }}天,逾期影响信用</text>
+				</view>
+				<view class="money-box flex-align-center">
+					<text class="money alipay-font">{{ numberUtil.formatMoneyWithThousand(huabeiInfo.money) }}</text>
+					<uni-icons type="right" size="16" color="#D2DBE3"></uni-icons>
+				</view>
+				<view class="style-1 button-group">
+					<view class="button-item second-button" :class="{ 'ios-button': $system == 'iOS' }">立即还款</view>
+				</view>
+				<view class="total-info-box flex-align-center">
+					<view class="info-item">
+						<view class="label">总计账单</view>
+						<view class="value">还款日每月{{ huabeiInfo.dueDate }}日</view>
+					</view>
+					<view class="info-item">
+						<view class="label">总计额度</view>
+						<view class="value">{{
+							numberUtil.formatMoneyWithThousand(Number(huabeiInfo.totalAmount) -
+								Number(huabeiInfo.money))
+						}}可用
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+		<view class="overdue-box">
+			<view class="overdue-info">
+				<image class="icon" src="/static/image/ant-credit-pay/overdue-payment/warring-icon.png"></image>
+				<view class="err-text">抱歉，您暂时无法使用该服务！服务机构将不定期评估您的使用资格，请保持良好信用行为并耐心等待通知</view>
+				<view class="info-text">你已逾期{{ huabeiInfo.daysPastDue }}天，还款后花呗可恢复正常</view>
+				<view class="button">立即还款并恢复花呗</view>
+			</view>
+		</view>
+		<view class="service-box">
+			<view class="service-info" v-for="item in serviceList" :key="item.id">
+				<image class="icon" :src="item.image"></image>
+				<view class="name">{{ item.name }}</view>
+			</view>
+		</view>
+		<view class="consumption-box">
+			<view class="left flex-align-center">
+				<image class="img " src="/static/image/ant-credit-pay/overdue-payment/consume-dot.png">
+				</image>
+				<view class="text-box">消费记录</view>
+			</view>
+			<view class="right flex-align-center">
+				<view class="date">2025/09/22</view>
+				<image class="icon" src="/static/image/ant-credit-pay/overdue-payment/right-icon.png"></image>
+			</view>
+		</view>
+		<!-- 编辑弹窗 -->
+		<uni-popup ref="popup" type="center" :mask-click="false">
+			<view class="popup-content">
+				<view class="popup-title">编辑花呗数据</view>
+				<view class="form-item">
+					<text class="label">还款月份</text>
+					<picker :range="monthRange" :value="editHuabeiInfo.mouth - 1" @change="onMonthChange"
+						style="flex:1">
+						<view class="input">{{ editHuabeiInfo.mouth ? editHuabeiInfo.mouth + '月' : '请选择月份' }}</view>
+					</picker>
+				</view>
+				<view class="form-item">
+					<text class="label">本月应还</text>
+					<input class="input" type="digit" v-model="editHuabeiInfo.money" placeholder="请输入金额" />
+				</view>
+				<view class="form-item">
+					<text class="label">还款日</text>
+					<input class="input" type="number" v-model="editHuabeiInfo.dueDate" placeholder="请输入日期" />
+				</view>
+				<view class="form-item">
+					<text class="label">逾期天数</text>
+					<input class="input" type="number" v-model="editHuabeiInfo.daysPastDue" placeholder="请输入逾期天数" />
+				</view>
+				<view class="form-item">
+					<text class="label">总计额度</text>
+					<input class="input" type="digit" v-model="editHuabeiInfo.totalAmount" placeholder="请输入总计额度" />
+				</view>
+				<view class="popup-btns">
+					<view class="btn cancel" @click="closeDialog">取消</view>
+					<view class="btn confirm" @click="confirmDialog">确定</view>
+				</view>
+			</view>
+
+		</uni-popup>
+	</view>
+
+	<!-- 水印 -->
+	<view v-if="$isVip()">
+		<watermark :dark="data.dark" />
+		<liu-drag-button :canDocking="false" @clickBtn="$goRechargePage('watermark')">
+			<c-lottie ref="cLottieRef" :src='$watermark()' width="94px" height='74px' :loop="true"></c-lottie>
+		</liu-drag-button>
+	</view>
+</template>
+
+<script setup>
+import NavBar from '@/components/nav-bar/nav-bar'
+import {
+	numberUtil,
+	util
+} from '@/utils/common.js'
+import {
+	ref,
+	toRefs,
+	reactive
+} from 'vue';
+import {
+	onLoad,
+	onShow
+} from '@dcloudio/uni-app';
+
+const buttonGroup = [{
+	name: "编辑花呗数据",
+	click: () => {
+		openDialog()
+	}
+}, {
+	name: "花呗逾期",
+	isSwitch: true,
+	click: () => {
+		data.huabeiInfo.isOverdue = !data.huabeiInfo.isOverdue
+		uni.setStorageSync(data.huabeiInfoStorageKey, data.huabeiInfo)
+		if (!data.huabeiInfo.isOverdue) {
+			uni.redirectTo({
+				url: '/pages/ant-credit-pay/index'
+			})
+		}
+	}
+}]
+
+const serviceList = [{
+	id: 1,
+	name: "花呗金",
+	image: "/static/image/ant-credit-pay/overdue-payment/huabeijin.png"
+},
+{
+	id: 2,
+	name: "周报",
+	image: "/static/image/ant-credit-pay/overdue-payment/zhoubao.png"
+},
+{
+	id: 3,
+	name: "生活号",
+	image: "/static/image/ant-credit-pay/overdue-payment/shenghuohao.png"
+},
+{
+	id: 3,
+	name: "分期生活",
+	image: "/static/image/ant-credit-pay/overdue-payment/fenqishenghuo.png"
+},
+{
+	id: 3,
+	name: "备用金",
+	image: "/static/image/ant-credit-pay/overdue-payment/beiyongjin.png"
+}]
+
+const clickTitlePopupButton = (button) => {
+	button.click()
+}
+
+const data = reactive({
+	navBar: {
+		bgColor: "#717E91",
+		textColor: "#fff"
+	},
+	huabeiInfoStorageKey: 'huabei_info_storage',
+	huabeiInfo: {
+		mouth: 1,
+		money: 100,
+		dueDate: 15,
+		totalAmount: 200000,
+		descText: "当前账单进度已超出预期，花超了",
+		isInstallment: false,
+		styleType: 1,
+		installmentBadgeText: '4折起',
+		image: "",
+		isOverdue: false,
+		daysPastDue: 1
+	},
+})
+
+let {
+	huabeiInfo,
+} = toRefs(data)
+// 编辑表单数据
+const editHuabeiInfo = ref({})
+
+const popup = ref(null)
+
+const monthRange = Array.from({
+	length: 12
+}, (_, i) => i + 1)
+const onMonthChange = (e) => {
+	editHuabeiInfo.value.mouth = monthRange[e.detail.value]
+}
+
+onLoad((option) => {
+	console.log(option)
+	// 读取缓存
+	let savedInfo = uni.getStorageSync(data.huabeiInfoStorageKey)
+	// savedInfo.image = ""
+	// uni.setStorageSync(data.huabeiInfoStorageKey, savedInfo)
+	console.log("savedInfo====", savedInfo)
+	if (savedInfo) {
+		// 合并默认值，防止旧数据缺少新字段
+		data.huabeiInfo = {
+			...data.huabeiInfo,
+			...savedInfo
+		}
+	}
+})
+
+onShow(() => {
+	// #ifdef APP-PLUS
+	util.setAndroidSystemBarColor('#F6F6F6')
+	// #endif
+})
+
+// 打开弹窗
+const openDialog = () => {
+	// 深拷贝当前数据到编辑表单
+	editHuabeiInfo.value = JSON.parse(JSON.stringify(data.huabeiInfo))
+	popup.value.open()
+}
+
+// 关闭弹窗
+const closeDialog = () => {
+	popup.value.close()
+}
+
+// 确认修改
+const confirmDialog = () => {
+	data.huabeiInfo = JSON.parse(JSON.stringify(editHuabeiInfo.value))
+	// 保存到缓存
+	uni.setStorageSync(data.huabeiInfoStorageKey, data.huabeiInfo)
+	popup.value.close()
+	uni.showToast({
+		title: '保存成功',
+		icon: 'success'
+	})
+}
+
+const goBack = () => {
+	uni.navigateBack()
+}
+</script>
+
+<style>
+@import "/common/main.css";
+</style>
+
+<style lang="less" scoped>
+.page-container {
+	position: relative;
+	display: flex;
+	flex-direction: column;
+	background-color: #F6F6F6;
+	height: 100vh;
+	overflow: hidden;
+
+	.nav-bar {
+		height: 100%;
+		display: flex;
+		align-items: center;
+		padding: 0 20rpx;
+
+		.title {
+			color: #ffffff;
+			font-size: 17px;
+			font-weight: 500;
+			text-align: center;
+		}
+
+		.right {
+			width: 80px;
+		}
+
+		.icon {
+			margin-left: 18rpx;
+			margin-right: 10rpx;
+			width: 24px;
+			height: 24px;
+		}
+	}
+
+	.ios-nav-bar {
+		.left {
+			width: 80px;
+		}
+
+		.title {
+			flex: 1;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+		}
+
+		.right {
+			width: 80px;
+		}
+	}
+
+	/* 头部背景 */
+	.header-bg {
+		position: absolute;
+		top: 0;
+		left: 0;
+		width: 100%;
+		background: linear-gradient(180deg, #647589 0%, #768497 100%);
+		/* 底部自然弧度 */
+		border-radius: 0 0 100% 100% / 0 0 32px 32px;
+		z-index: 0;
+	}
+
+	.header-content-wrapper {
+		position: relative;
+		z-index: 1;
+	}
+
+	.main-container {
+		background-color: #717E91;
+		padding-bottom: 32rpx;
+
+		.current-month {
+			margin-top: 12rpx;
+			color: #D2DBE3;
+			font-size: 24rpx;
+			text-align: center;
+		}
+
+		.money-box {
+			text-align: center;
+			justify-content: center;
+
+			.money {
+				font-size: 64rpx;
+				line-height: 2.5rem;
+				color: #ffffff;
+			}
+		}
+
+		.button-group {
+			margin-top: 18rpx;
+			display: flex;
+			justify-content: center;
+			justify-content: center;
+
+			.button-item {
+				height: 64rpx;
+				line-height: 64rpx;
+				border-radius: 8rpx;
+				color: #ffffff;
+				font-size: 30rpx;
+				padding: 0 24rpx;
+			}
+
+			.second-button {
+				background-color: #8C9BAF;
+			}
+
+			.ios-button {
+				border-radius: 33rpx !important;
+			}
+		}
+
+		.style-1 {
+			margin-top: 18rpx;
+			display: flex;
+			justify-content: center;
+			justify-content: center;
+		}
+
+		.total-info-box {
+			margin-top: 48rpx;
+
+			.info-item {
+				width: 50%;
+				text-align: center;
+
+				.label {
+					color: #ffffff;
+					font-size: 30rpx;
+					line-height: 42rpx;
+				}
+
+				.value {
+					color: #D2DBE3;
+					font-size: 26rpx;
+					line-height: 36rpx;
+				}
+			}
+		}
+
+	}
+
+	.overdue-box {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		padding-top: 18rpx;
+		background-image: url('/static/image/ant-credit-pay/overdue-payment/overdue-bg.png');
+		background-size: contain;
+		background-repeat: no-repeat;
+
+		.overdue-info {
+			width: 654rpx;
+			height: 628rpx;
+			background: linear-gradient(180deg, #FFF5F4 0%, #FFFBF7 100%);
+			border-radius: 20rpx 20rpx 20rpx 20rpx;
+			padding: 100rpx 24rpx 60rpx;
+			display: flex;
+			align-items: center;
+			flex-direction: column;
+
+			.icon {
+				width: 72rpx;
+				height: 72rpx;
+			}
+
+			.err-text {
+				margin-top: 24rpx;
+				font-size: 28rpx;
+				color: #E83443;
+				text-align: center;
+			}
+
+			.info-text {
+				margin-top: 50rpx;
+				font-size: 36rpx;
+				color: #333333;
+				text-align: center;
+			}
+
+			.button {
+				background-color: #1777FF;
+				width: 100%;
+				height: 100rpx;
+				border-radius: 50rpx 50rpx 50rpx 50rpx;
+				font-size: 36rpx;
+				line-height: 100rpx;
+				text-align: center;
+				color: #ffffff;
+				margin-top: 38rpx;
+			}
+		}
+	}
+
+	.service-box {
+		background-color: #ffffff;
+		border-radius: 16rpx;
+		margin: 16rpx 24rpx 0;
+		display: flex;
+		align-items: center;
+		flex-wrap: wrap;
+		padding-bottom: 12rpx;
+
+		.service-info {
+			width: 25%;
+			flex-shrink: 0;
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+			margin-top: 26rpx;
+			padding-bottom: 20rpx;
+			font-size: 26rpx;
+
+			.name {
+				font-size: 26rpx;
+				color: #3D3D3D;
+			}
+		}
+
+		.icon {
+			width: 56rpx;
+			height: 56rpx;
+		}
+	}
+
+	.consumption-box {
+		margin: 16rpx 24rpx;
+		background-color: #ffffff;
+		border-radius: 12rpx;
+		padding: 24rpx 16rpx;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+
+		.left {
+			display: flex;
+			align-items: center;
+
+			.img {
+				width: 24rpx;
+				height: 24rpx;
+				margin-right: 12rpx;
+			}
+
+			.text-box {
+				font-size: 24rpx;
+				color: #333;
+			}
+		}
+
+		.right {
+			display: flex;
+			align-items: center;
+
+			.date {
+				color: #969696;
+				font-size: 24rpx;
+			}
+
+			.icon {
+				width: 28rpx;
+				height: 28rpx;
+			}
+		}
+	}
+
+}
+
+.back-icon {
+	width: 24px;
+	height: 24px;
+}
+</style>
+
+<style lang="scss" scoped>
+.popup-content {
+	background-color: #fff;
+	width: 600rpx;
+	border-radius: 16rpx;
+	padding: 30rpx;
+
+	.popup-title {
+		font-size: 32rpx;
+		font-weight: bold;
+		text-align: center;
+		margin-bottom: 30rpx;
+	}
+
+	.form-item {
+		display: flex;
+		align-items: center;
+		margin-bottom: 24rpx;
+
+		.label {
+			width: 140rpx;
+			font-size: 28rpx;
+			color: #333;
+		}
+
+		.input {
+			flex: 1;
+			height: 72rpx;
+			line-height: 72rpx;
+			background-color: #f5f5f5;
+			border-radius: 8rpx;
+			padding: 0 20rpx;
+			font-size: 28rpx;
+		}
+	}
+
+	.flex-between {
+		justify-content: space-between;
+	}
+
+	.popup-btns {
+		display: flex;
+		margin-top: 40rpx;
+
+		.btn {
+			flex: 1;
+			height: 80rpx;
+			line-height: 80rpx;
+			text-align: center;
+			border-radius: 12rpx;
+			font-size: 30rpx;
+
+			&.cancel {
+				background-color: #f5f5f5;
+				color: #666;
+				margin-right: 20rpx;
+			}
+
+			&.confirm {
+				background-color: #717E91;
+				color: #fff;
+			}
+		}
+	}
+}
+</style>
\ No newline at end of file
diff --git a/pages/index/index.nvue b/pages/index/index.nvue
index a6750d5..330b96c 100644
--- a/pages/index/index.nvue
+++ b/pages/index/index.nvue
@@ -301,7 +301,12 @@ const clickMenu = (item) => {
 	if (!item.path) {
 		uiUtil.showError('开发中')
 	} else {
-		util.goPage(item.path)
+		const isOverdue = storage.get("huabei_info_storage").isOverdue || false
+		let url = item.path
+		if (item.name == "花呗" && isOverdue) {
+			url = "/pages/ant-credit-pay/overdue-payment/overdue-payment"
+		}
+		util.goPage(url)
 	}
 }
 
diff --git a/static/image/ant-credit-pay/overdue-payment/beiyongjin.png b/static/image/ant-credit-pay/overdue-payment/beiyongjin.png
new file mode 100644
index 0000000000000000000000000000000000000000..68a41b5a079506eb227dbc9262554c374c63a7c6
GIT binary patch
literal 1086
zcmV-E1i|}>P)<h;3K|Lk000e1NJLTq001}u001}$0{{R3pIFN*00045P)t-s00000
zVBZjU_ZEEr5`F&^c>ffA{}Xxt6MFj=dixW5{1kcp6?**?d;1l8`xSfq6ngv=di)f7
z{1tor6?^*>d;1l7`xJWn6?*&>di)f7{1tor6?^;?d;Ar9{1|=w9Dn>DfczkV{2_t-
zA%grOg8U<c{3?h1D~J3piTpB){56gIH;(*0k^DfD{6UlaM3wwZnfz0p{8pg+TB7`1
zqx@c^{b8p3X{!Bfto?AV{dBPXce4F^wEcg!{ermthPwTVz5R{9{guQ0n8p2?#{Hbf
z{h-PHpvnHD%l)U#{in_TuF?Lo)Bd&9{<hWrxYz!<*Z#fP{=M4%z})`9+y2Ad{>9$@
z#^3(P;Qq_v{><Y3&g1^i<o?s<{?+IH*69A&>Hga4{@(2V;qLzB@c!rW{^|1m?DYQb
z_5bkp{_*$!^Z5Ss`2P3${`dO-`uzX<{r~^}|0!<h!T<mO9&}PpQve7cBP%mAH$z8H
zXKRm-lb4&n!^g|d*Wcss^Y{DU<Z6ll00MSNL_t(Y$IX`MThl-ghtnH+(gPY=x<J)h
zJc_rR7HdTiEO=YB5vgYtYxn>EV0RMQ-N`1|hsO`hr)2i`KD(LB&Wxs=4-3ZA8NEnI
zQO~4fK~*Z8)QMoTiLe3|ohA~?Mm@053~{hr#0B$B5oar<d`_G{Ph2e@kaH6S;$eje
z88<mcJZ)}LvY!GsByD>J3Pi~YeiY9<QM9}m+Z0i@DV~dz(CUH<8REd4xU_80<7G#1
zhRaX1bWABVoVOh3ZB|^UQfAJlogUpIv~Y`YKU}`@^p+)%f0Kc)UBILT&LaO)1~$tV
zE?!!cgSu5Gu-{<d(T7jnZ@+#UPwrRjq*+a3$UFasfgb_<JACTxE@3bZU>bR^Lr~w2
zKuS;6kt7XZ26<PQw*Q6$DSaqPG615QMjA}{^X1{Y&ts6TNupCk;BzK?%$^pn-F@`k
z1W&5GqzEAX@~=#|I!gEY0LZ$ak%1M^)y9rH;ON*vbkv(nHsCY$8F=PxM@7NeV6ran
zxeZ%hwgm_MjwVyJc+XV;mu$ZSCBPn2ZS$TQfMr_(#J#|E=IQaCm@LWRs4w{3J;EL<
z$x(D5IDPI)Y{5x4_=aiS$0V_bVrTSThxZ<Txf1fy@g9^-Q(0@7Dfd8DIyA8f-!rAX
z-OaT|+sg4a|NFB}<#C^4`%;ycM@?+t3vI-8t_V$?Z~fwy<pUlY><A^cBn$(%`LA?O
zv3{#2E~Px$+>J)7W4zj4t+=;2&9B;61OKa)pM7{Z`?xY3AiM@7zvD=jD!Da(pUX5C
z$vHOgkk{Cml{Vq1%AlJ-4O35sl}GE?c(jfO&&j<150{x^uMUH?%>V!Z07*qoM6N<$
Ef@u;?iU0rr

literal 0
HcmV?d00001

diff --git a/static/image/ant-credit-pay/overdue-payment/consume-dot.png b/static/image/ant-credit-pay/overdue-payment/consume-dot.png
new file mode 100644
index 0000000000000000000000000000000000000000..02a85ab85ec6af351157191ed48f768151218242
GIT binary patch
literal 423
zcmV;Y0a*TtP)<h;3K|Lk000e1NJLTq000;O000;W0{{R3*Qw3Q0001KP)t-s0002D
z*Z;rQ|GC)ryx9D^*ZaBG`@Glty4U)<*802F`?}WqyVv}>*898G`@7fs7kB?5eg7qY
z|5Tg*Se^fiyZ^G%|F+csyVv`{+WXMs{MzaK+v@!B_Wt_({`>v@{Qds^{{R2~{~Ble
z`~Uy|5Oh*bQve_!AzOHPd8fO(=JWLX{8|dVhX4Qo-AP12R4C7NQr7~6APnQ&dw^R(
z?f-w|*#hbf^HOLaEuoBQxIvN@MVbUIyTggf!Jv$sEAM5)4Vh>2{_q9goF9HbcO0!V
zE>f*>9<>_QiD)@(Ku{BHqoYsiXWF3`yly(!i78zckdA`3BDAoPTEG$vGjx?f4+~}z
zmST|5SVDlrOv(xjE7X?YpfFQtLIJl#4XY-Ml(0l&rD6;V^p@yg*2P0=ce~nErrq;_
zT~l+>Uk|jFC~e7hTEbqrHgT4#lFQA+N86u2>bR5t|JtL@!!Y3Zgz@M2ya53@C>a3a
R59t5^002ovPDHLkV1jV~-&p_v

literal 0
HcmV?d00001

diff --git a/static/image/ant-credit-pay/overdue-payment/fenqishenghuo.png b/static/image/ant-credit-pay/overdue-payment/fenqishenghuo.png
new file mode 100644
index 0000000000000000000000000000000000000000..2627aac63e912e7ac3c33572e502808af91a6b8e
GIT binary patch
literal 1444
zcmXAp3oz7M9LHA?X^Ab_b!pok7ZGtwNrd6Do=Ishm0Sram#}TfYe^}+5ED^eJ0hf5
zS;Z<zn_D4F5mt-Z)@xnl|M=Z?@67jn&iuaT`#UqgIWy<-em4gdWi4d_fuKTnv^yZ%
zcP}la<uVp91cn5H+>iY(2km7gB?7=ii5xZ$+m$q<P%vFdValjPW+Gs+QtLlbWHeRM
zidqCyWi95S%%?=j9OWgN$eg9*Qs)2s(haiHrCuEtLW@Q=$0B-hh(Q8koP?OAB6}_)
zmRAs)bj0pD;&>Br$w1t*5ck`NXO2v$*B!*`4(gqUc;}%<^U-7ZsNX#_s09713=Jzo
zBg)Zp57Fo<G_D3ssY5T-%Y<ERK(97nHyW{w=U8?#cBci)Z^iDnVTEm2Njp|1z$!Yh
z>US8o8*Avncs<zjKCI;v*4i%<-u?xDJB+^{!Mj9ww+QbY!#{t+zld?61Q$-=qA7fI
z5+9wyzs=y1S$t{^pIyM`7jXmy+4!(i1$L{0g$7trz<vWbZU$#Pa5DtPZt$^y00#(i
zh7dP6>jhEXz&Zvoe?nXU#0Nl9Fr=J;D^YO$Jlu?hTd|Op06EE!e-#REKuHEv6+lf9
z)Rsam2kIXHuM(cuKvNC0)In<l2>9@KE4*uk&UX0N0ev4}un&a&AR2=4uOJ=+@i<J1
zVP+Ekk;1|}AP4}Y1}R*Wy*D-TfSV_QO5L#G@L?aHh=_CNVqyvkI2<mQ#~T@uO6TVh
zWDn<30)epHk#1*m(6LR@^V64Pvz9RR@U07Puam1^pPuKNCr^Cd7+Eyd%)IVa^<b!M
zEUI}@Z7MLOZ9CkXHi8vBqnyk>T1;A;^_i4<yb@iw8^e?zjz@Wn><r(ajVozelAi`S
z%z1ATY@^X_ok*i+DB)ZyeP`7z!GX8Go2|K}oLRihgqv8bT;kHxB<%LnmyCJc+LJjW
z@0YHxbLmj%<|ejP0w+f^DHz3Q%`Z05bCV_IskEWttm0+&Z|F*x^@LOH9t4iRW_+pM
zAR$gKjg(R?+||6%Mj}*?9U@)UFxM8ov!-S!1@?!|8?5L^`c$zFtyI}pH5|Am{#SuB
zA<a<Wq10}Co{bTmw)Q)RJb1ONP9rZS?n7Ji>({R{)y@3l6b+*M%cifhi)_8z%?&=~
zF|4#xeZ$eBDSh*b;&xq@h*Q0nQO0M;laEXx*yBBn-!A#y?JAwr&N{S}m}*PY&{A}0
zwEp}DCzoY$EmPcLbb*?|kBi)O`r;OU@ykF<lZ97f(iC%|L0V&lO;}wIX___i(1N}E
znIxT=o1*4?CO5)*u<iIQzWD~yv`bTHI<f9!mfz|*@vt_Vc7!Ns;6EC;_;NhBuT61m
zU}1rk{31EaGbLlV@z`ME&+G@1j&n~XA*{93JaV3iwb(LY-H{WnIj7seKfSkHK7IS~
z1dd$g`xV@o3;cW7S>rY-p4$0%zDq0iKHrF}rvIa*{qX~}RiZJCP)$xg(SPEHX-d%*
zX+Al!#s0ftUl+5GolHzGTU+S+<yv%!A9INH>UT;cpB|-4?Y&3#DW}S9oHla!I+Xg&
z{YpKN@`D}iLJEI0%h*BwtTUlzXIYi)<<di9yKdhfqR&h7JizZX5QdS)i9}1#-q}K6
zn>8@T-Bnzz2I<@!Hec6c0Z)h$SkT17^0uC*f027K5zwwWmwK1#rCz{X5u-cW9ldG&
z-iq;Q#z5a$uYvW7yrW@K@;*_f!$m2AkL*fRuwS`2KAqDfB(JOOyozK`Cg|9z(#Hm9
z0jtDLorxzKmA{rQ=YG%(p??q4<ylv_>zu>}L~>QDTg#d|T?Q0_%Y$pHcNo72<9a_1
mM^06qP{=jKeSN_Xm3KAXk$y<HDEoE^1iHPOU8U{uq<;Z=>lIr7

literal 0
HcmV?d00001

diff --git a/static/image/ant-credit-pay/overdue-payment/huabeijin.png b/static/image/ant-credit-pay/overdue-payment/huabeijin.png
new file mode 100644
index 0000000000000000000000000000000000000000..5f99b167fda283eff53ffb89a0235ffd9a1647cb
GIT binary patch
literal 1269
zcmZXTdo<K(7{`B%WlZigjbu~VuqA~u2MxnuL~3U`XGS+kCMAnhQ`xXCjSkjr9AdXo
zO=qVhGSg1EMj|Fma;b5dWNUIMQ?o9U+Gl^8b2`rHobUTQ@ALUS&-2H7&U;~Jke@zo
zISxS(eSa#2hGydb2a7=?k11J?AR6qQfxCRr5|R+$A#ekM3Iv1*-1&0(3xV4Rh!ME^
zMfVUug+f#d5N$)PuLOlCSzMw7)nc+RyO?}!_!cg<7FI39yIOD$3)Om1V+6HkP)C4z
z3#eZK4J+Zk6*O8ylMOUGz(Xf!ae-Dhc;o?X9?<R$5<hqx03AD^lMY=BcoG6n!=N`3
z`l6vf4xX{$c|6DxVIUC(Q(%Y#!x<pYh8OwpvIItX@aihO{u2~s@TLOBgfK3Ki5i$}
zfVU0s?g31-f>HwSyWqo9Q1!z<128Rz89B_3!khxs6Yy~g=2h@%7Cz4dfJTT#Gy3$d
zCul)*L<_5DWJa)BV{Nm}!O6wV!*2(j&e#)nIGP=wn8L}(E-c}dl~oAEH4UwjuBZJ2
z^3hSn#FT1wK6>;589_8v{uJ^qg89Qn@HRQTLPu$+urEKSJ3tX1<6k6h&u=!BvvcB#
zN4U4CLi^2sWZW#My4X9U$d;$L8+OGGYJBdQ@cHSWTyK8^Y3^huspHxq?Paey+dpbu
zIOELJ9hYq^9xQ!F2*VPb1j1+HBO<EJ!JeQ=$<)uo-hvayOC5YiK1Mr~+DEzvm7leF
zlGaATy$SJT+)OxX(sd=^IZ<5{m;Qo?Evli&Y*!zPA0DX6TI+JXaW5qmx1?7`DM=u=
z&!*E{4>t}a%Z=>B#%&vTx0QqExA?Z}d2Mwko<6jO{iw-UWKQeG(v?N(0?dj^rJ4Q_
z8tXFg+E7(i^}btb%b3pKXGzBkxksoo0jy!p0gNHZQCNd}k&|Ys)9q}>wkik~XsUl?
zuo;Y*kUCpWK}^RMz8n8B`K+XAQ)Oo|!%il!JG(bdbL@NnwS3Kf?yo--I((Y_6g&1l
zS8{S9C-6pqr!0J=N4qkirTh|k+s+|tej?NM%384^R%$`Dt2W}ibX2)noJ^w|oHl&5
z?#9JbZrF%}ZKsCL->bIg8*!?dnhZo9_nw<@iN;x8!K_dVQesTLJ9iI-dp<8LREN~5
zJAc}M8@w7Li)WEi<)$<0WxF#2BbKsADe~p>wMi_Rp~w=CQwFnm_7Phtst9K2i2g5q
zOjUw!iVww9y1z=PCBsK1dIuOku@Y^@*P58sw9B+b<kgOj(%+cMnd5@^7TGFiiFGJe
z_Sxx{x>9^b9=yR)c<K^o3uPHi+PBZ()xWr?-^Vj`BYX<I?>3N2Hc}mZOQY&X@he>}
zXA$`OgwmXfnEMk;otgcDwgNp-R{vz&2kh?GxbK>UN_Dtm4zpx<EWwzR5qoq~X419Z
zJK+``c|Glw(%f)by0z;zTG8-&S7vSCWnXEdZJJYeL}VWyd(K>xJ9d>?=alX|6c9yt
zfaj-Of8VnUpEsRCemku<SX^9JQXSiCwd&M#E05Jpzlza5cM33g+ql+NuR&e(6CwUS
LL6low2a^8-4HBD7

literal 0
HcmV?d00001

diff --git a/static/image/ant-credit-pay/overdue-payment/overdue-bg.png b/static/image/ant-credit-pay/overdue-payment/overdue-bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..c14fb441aef886417e3480975e9485a0b4b334f9
GIT binary patch
literal 1044
zcmeAS@N?(olHy`uVBq!ia0y~yV0s5+Z{T1ClIb_3!+?~1fKP}kkS=KGFR17TkyZVL
zwUY{J`U~qOLQp~7#De+>1+^2PB#==DLU0AMit~7YMu?OI`2{lwC@2`%JNU=v*Z0q#
zzkdJu`}g0kKI*cYfq}We)5S5Q;?~<+Z;NJIFti0)CM@jd3f%L(e(i5%>)R!_=K2P)
zCtExhnsNM7_nQymbKE{~Ot3y7`-HEEeP{C>$9D?lU~V6RiI7281d>sPs7ELQX-75*
zAw!XNOegXcxx-wGumij85AWY;x4Cb_*7x3Q`E&s%j_Y?+&rkd+b69$McC3v^U&hLh
zLUpB{XBE#ctoi@#eACap2iH9`NVe^N_&?VB`<jYR8{?8Hwx3Qp^?6Tn?XH&oNjB=9
zv7hGXe3chBEB&f*v+~vbcN2C!sqDHEe`v4gyva-csZ~bL`<wH1z4zba|9QLSFREA*
zt^ZNT%=nkGD*vb2bA~zj9%pByKVCWS*awU0D}Nnloc*G7SIhC;F}l+GYF4$|O5VBo
zA+-IM#J3kkXRq1#{}1|g(KP?ohvT19yS=|w-woci<zeLdc)R~>t1Im+;?4g4eDUwH
z+vhn8OU@Q=yJUL)rq^|wbnU;(pWVGZ=g+&RGE4Vo*7>}9?*HOicGtrtZ0vt`_I;UN
zP{mi}zN=Zz{nx|A{!4ZJel@q)^>)=g_tdXi*gY>c|BI#j!vBR|-2T3E&Uf1X`fYFE
z{>#jJeV+e1nQ`0N`|A6&h3a$jO$t{1zh|@Nb6l}Z$d1~tD{p+A{chTl&+Yni5>J(y
z74FmdoVw1kuk7@@w%R<ibFtyw*Dw6dpJVtm>q*V6ThC{yuYUS+SHI@<$nWpxJ=?nC
zkHp>S%YOg2I9;uK(%+^1P2G&3b!*qF*RS8JTf0uR^1sdb(sMJ;l|5O%cYD%Q?Ru}B
zTdrL{ymh}`ZJz3K33hhN{h9WDn$yj`f3*}p|90z#MFn<+AC7B24T^q!+V1?n(zmsF
zTc4O54SaCtd#w2}&7~n;xof}f%lRQ&5Pf~=_nljVyu37zSwuXvdE{)+^YLr(gdolJ
z^IOfn->Z(V|K@!#UuQ3nnZ5REkk`qVTVF}AAO9Bnhj+Pu;5@4xEyBRO$>8bg=d#Wz
Gp$Pyo%NZ5`

literal 0
HcmV?d00001

diff --git a/static/image/ant-credit-pay/overdue-payment/right-icon.png b/static/image/ant-credit-pay/overdue-payment/right-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..36638aae9daf846e45af4c728371387833bbf81e
GIT binary patch
literal 152
zcmeAS@N?(olHy`uVBq!ia0vp^G9b*t3?v(r4=o2$5&=FTu0Z<g)vMR9U%z?t=8YRS
zfD9lB1oKMEj{)V_OM?7@86*_yS8u-V#rO9uP)Nhm#W6(Ua&m%#pn)X!f)8hf19zNB
sW!8voI;DGbvBX)8T^@_rWj8V~Oy}g@#Jwg_5~zp4)78&qol`;+06_RPqyPW_

literal 0
HcmV?d00001

diff --git a/static/image/ant-credit-pay/overdue-payment/shenghuohao.png b/static/image/ant-credit-pay/overdue-payment/shenghuohao.png
new file mode 100644
index 0000000000000000000000000000000000000000..24f683ab71652620b4de4e420a42596fc468ed9d
GIT binary patch
literal 628
zcmeAS@N?(olHy`uVBq!ia0vp^79h;Q3?%1AoYnzSw*!1aT!A!$!+(Z^{{jX7B`W@l
zmHrp61e4|e#mfJS1IaQFLNI__n7B9+8>9>(4ko24|I1bXSFHW7TK`|C`M*Kyf0K^?
z=3W1tCj9rE_CIju|A@K&qv!vRU-&<5>Hn<d|MOP;FI@A#VaxyKZU5VM{GWR8|IEYx
z=N|pP<mCU==l-w1@PF5}|9fxzKX~i^kvsp7-u-{#{{J%%|6hLk|N8U)w_g6g_xk_C
zxBowU`~T&~|L?#4|NiqI2&NpiO$GW+rX<KOn1O{uKtb8u+CM$NxW0e-`pt)rpTB(j
z{`2>rKmV4zY;}r(fl<fP#WBR=_}go-!A$`IYzY?(beVpMi2BJ-yET2*tf*yErtbUy
zU%d2Si_XCf?cKXNzIV->+kW$AaY9(&KYx?UWfCiAMjg2-oAxSX7N50Rqp95%&JvYL
zhwU2=eRfg1!Cn>l;3)eBtMd%U84M=2=Q1!vP5Q89>z9X{bZ=~^H2-vsV^dsD-fWp0
zu0FeXZge(ZpA#lux63ZyqIre1!SYvrD`)Sz^H|{XhG>p|miN?sO?bZvsZVA)S<xm`
zAk>!3Y4Q2}OKXM)kxcuTDs~m#Img{#&S??PyZ+De)5p)xWGOlC6hGrc{RzuIycx5n
z>aG>qo-Y`oy7bt-eQSTQZe1d8;<3@|!M$Y#NmIH@;<cysKK8x4VC&)q`&(2$?tXpv
rL^SvAX`)}m<+m=0zUJq6a`G(w9cF(gHFDHW1|=U)S3j3^P6<r_BMU}O

literal 0
HcmV?d00001

diff --git a/static/image/ant-credit-pay/overdue-payment/warring-icon.png b/static/image/ant-credit-pay/overdue-payment/warring-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..a750a81111a9dd0f40447a6fb706665b0669ccc9
GIT binary patch
literal 2091
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
VzKa~E*HQog002ovPDHLkV1jOe=*$2B

literal 0
HcmV?d00001

diff --git a/static/image/ant-credit-pay/overdue-payment/zhoubao.png b/static/image/ant-credit-pay/overdue-payment/zhoubao.png
new file mode 100644
index 0000000000000000000000000000000000000000..affda5d4cf19aa90eb1d2766488a257124b48987
GIT binary patch
literal 337
zcmeAS@N?(olHy`uVBq!ia0vp^79h;Q3?%1AoYnzSHUT~%u0Wb0;lF6se}RJkqJ{s(
z%KwX({}-zOF+|J$ivtmm4PgMqVF;)O2>iu`Jb~JUN`m}?88~<ZRP_CWyZa|k-hTP|
z?a#k`gAcI+WjA@cIEHu}e|znuP_u%FOW;w?fMuuu|IgmGLbEc({pdYT88HztTOL{V
z1!kADW483$s971`zp+EvbJOFavK+;8mb%W_TT;w)$jVl}?-tX6ARkGE6~9)lVtA2s
zigEUnsI?9H`;-@`6fh<IzPn?6O(N^5&xhtEoU?rXNB_ev*Y_W8e-i)3lzh5A#;$lD
z>n^5OVi~83t~|K3Qsr$?M!k+l%<8GWo2pFi#qGPfBZ~7&)ys{$>KSw|R-JwlyN4eX
NHlD72F6*2UngAi`kTn1R

literal 0
HcmV?d00001