From f146ecf27b994c0c584a882cab32f6d12387470c Mon Sep 17 00:00:00 2001
From: Sun_sun <469361609@qq.com>
Date: Wed, 17 Sep 2025 11:10:34 +0800
Subject: [PATCH] =?UTF-8?q?2025-09-17=20=E9=A1=B9=E7=9B=AE-=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                                    |   5 +-
 pages/program/program.vue                     |   2 +-
 pages/program/programDetail.vue               | 256 ++++++++++++++++++
 pages/program/programDetail/programDetail.vue |  13 -
 static/icon/card-title-icon.png               | Bin 0 -> 685 bytes
 5 files changed, 260 insertions(+), 16 deletions(-)
 create mode 100644 pages/program/programDetail.vue
 delete mode 100644 pages/program/programDetail/programDetail.vue
 create mode 100644 static/icon/card-title-icon.png

diff --git a/pages.json b/pages.json
index 8259d1a..f66cf35 100644
--- a/pages.json
+++ b/pages.json
@@ -48,9 +48,10 @@
 			}
 		},
 		{
-			"path": "pages/program/programDetail/programDetail",
+			"path": "pages/program/programDetail",
 			"style": {
-				"navigationBarTitleText": "项目详情"
+				"navigationBarTitleText": "项目详情",
+				"navigationStyle": "custom"
 			}
 		}
 	],
diff --git a/pages/program/program.vue b/pages/program/program.vue
index b484277..3ebb482 100644
--- a/pages/program/program.vue
+++ b/pages/program/program.vue
@@ -136,7 +136,7 @@
 	}
 	const handleDetail = (item) => {
 		uni.navigateTo({
-			url: '/pages/program/programDetail/programDetail'
+			url: '/pages/program/programDetail'
 		})
 	}
 
diff --git a/pages/program/programDetail.vue b/pages/program/programDetail.vue
new file mode 100644
index 0000000..ab91e93
--- /dev/null
+++ b/pages/program/programDetail.vue
@@ -0,0 +1,256 @@
+<template>
+	<view class="detail-contrainer">
+		<u-navbar title="项目详情" :background="{background: 'transparent' }" :border-bottom="false" back-icon-color="#fff"
+			title-color="#fff">
+			<template v-slot:right>
+				<image class="collection" src="/static/icon/Bookmark.png" mode=""></image>
+			</template>
+		</u-navbar>
+
+		<view class="head-text">
+			<view class="text-name">
+				xxxx工程
+			</view>
+			<view class="text-date">
+				起止时间：2025/09/13-202512/12
+			</view>
+			<view class="text-progress">
+				项目进度
+				<u-line-progress :show-percent="false" class="progress-line" active-color="#65AD72" height="8"
+					:percent="70"></u-line-progress>
+				1980/2505
+			</view>
+		</view>
+
+		<view class="card u-m-t-10">
+			<u-row class="u-m-b-20">
+				<u-col span="6" class="card-name">所在地</u-col>
+				<u-col span="6" class="card-value">浙江-杭州</u-col>
+			</u-row>
+			<u-row class="u-m-b-20">
+				<u-col span="6" class="card-name">详细地址</u-col>
+				<u-col span="6" class="card-value">xx区xx路xxx号</u-col>
+			</u-row>
+			<u-row class="u-m-b-20">
+				<u-col span="6" class="card-name">联系人</u-col>
+				<u-col span="6" class="card-value">xxx</u-col>
+			</u-row>
+			<u-row class="u-m-b-20">
+				<u-col span="6" class="card-name">结算方式</u-col>
+				<u-col span="6" class="card-value">按月结算 次月支付60%</u-col>
+			</u-row>
+			<u-row>
+				<u-col span="6" class="card-name">项目企业</u-col>
+				<u-col span="6" class="card-value">xxxx公司</u-col>
+			</u-row>
+		</view>
+
+		<view class="card">
+			<view class="card-title">
+				<view class="icon">
+					<image style="width: 100%;height: 100%;" src="/static/icon/card-title-icon.png" mode=""></image>
+				</view>
+				项目需求<span>（4）</span>
+			</view>
+			<view class="card-body">
+				<u-row class="sub-title u-m-b-20">
+					<u-col span="12">需求名称</u-col>
+				</u-row>
+				<u-row class="u-m-b-20">
+					<u-col span="6" text-align="left" class="card-name">规格</u-col>
+					<u-col span="6" class="card-value">详情</u-col>
+				</u-row>
+				<u-row class="u-m-b-20">
+					<u-col span="6" text-align="left" class="card-name">限价</u-col>
+					<u-col span="6" class="card-value">详情</u-col>
+				</u-row>
+				<u-row class="u-m-b-20">
+					<u-col span="6" text-align="left" class="card-name">时间</u-col>
+					<u-col span="6" class="card-value">详情</u-col>
+				</u-row>
+				<u-row>
+					<u-col span="6" text-align="left" class="card-name">其他要求</u-col>
+					<u-col span="6" class="card-value">详情</u-col>
+				</u-row>
+			</view>
+		</view>
+
+
+		<view class="card">
+			<view class="card-title">
+				<view class="icon">
+					<image style="width: 100%;height: 100%;" src="/static/icon/card-title-icon.png" mode=""></image>
+				</view>
+				投资动态
+			</view>
+			<view class="card-body">
+				<u-row class="u-m-b-20">
+					<u-col span="6" text-align="left" class="card-name">发布时间</u-col>
+					<u-col span="6" class="card-value">2025-09-13</u-col>
+				</u-row>
+				<u-row>
+					<u-col span="6" text-align="left" class="card-name">参与单位</u-col>
+					<u-col span="6" class="card-value">5家</u-col>
+				</u-row>
+			</view>
+		</view>
+
+		<u-row justify="flex-end" class="u-m-r-40 btn-group">
+			<u-col span="3"><u-button class="btn" type="primary">聊一聊</u-button></u-col>
+			<u-col span="3"><u-button class="btn" type="success">立刻融</u-button></u-col>
+		</u-row>
+
+	</view>
+</template>
+
+<script setup lang="ts">
+
+</script>
+
+<style scoped lang="scss">
+	.detail-contrainer {
+		width: 100%;
+		height: 100vh;
+		background: linear-gradient(180deg, #2F75F9 0%, #F0F3FF 34.13%);
+
+		.collection {
+			width: 48rpx;
+			height: 48rpx;
+			margin-right: 24rpx;
+		}
+
+		.head-text {
+			color: #fff;
+			margin: 0 80rpx;
+
+			.text-name {
+				font-family: SF Pro;
+				font-weight: 400;
+				font-style: Regular;
+				font-size: 32rpx;
+				leading-trim: NONE;
+				line-height: 52rpx;
+				letter-spacing: 0%;
+			}
+
+			.text-date {
+				font-family: SF Pro;
+				font-weight: 400;
+				font-style: Regular;
+				font-size: 20rpx;
+				leading-trim: NONE;
+				line-height: 52rpx;
+				letter-spacing: 0%;
+			}
+
+			.text-progress {
+				font-family: SF Pro;
+				font-weight: 30;
+				font-style: Expanded Ultralight;
+				font-size: 20rpx;
+				leading-trim: NONE;
+				line-height: 52rpx;
+				letter-spacing: 0%;
+
+				display: flex;
+				align-items: center;
+				white-space: nowrap;
+
+				.progress-line {
+					margin: 0 10rpx;
+				}
+			}
+		}
+
+		.card {
+			margin: 0 40rpx 20rpx;
+			background-color: #fff;
+			padding: 20rpx;
+			border-radius: 20rpx;
+
+			.card-title {
+				display: flex;
+				align-items: center;
+				font-family: Work Sans;
+				font-weight: 400;
+				font-style: Regular;
+				font-size: 24rpx;
+				leading-trim: NONE;
+				line-height: 100%;
+				letter-spacing: -2%;
+				color: #000;
+
+				.icon {
+					width: 38rpx;
+					height: 24rpx;
+					margin-right: 10rpx;
+				}
+
+				span {
+					font-family: Work Sans;
+					font-weight: 400;
+					font-style: Regular;
+					font-size: 24rpx;
+					leading-trim: NONE;
+					line-height: 100%;
+					letter-spacing: -2%;
+					color: #8F8F8F;
+				}
+			}
+
+			.card-body {
+				margin-top: 20rpx;
+				background: #E9EEF8;
+				border-radius: 16rpx;
+				padding: 20rpx;
+
+				.sub-title {
+					font-family: Inter;
+					font-weight: 600;
+					font-style: Semi Bold;
+					font-size: 24rpx;
+					leading-trim: NONE;
+					line-height: 100%;
+					letter-spacing: 0%;
+
+				}
+			}
+
+			.card-name {
+				font-family: Work Sans;
+				font-weight: 400;
+				font-style: Regular;
+				font-size: 20rpx;
+				leading-trim: NONE;
+				line-height: 100%;
+				letter-spacing: -2%;
+				color: #8F8F8F;
+			}
+
+			.card-value {
+				font-family: Work Sans;
+				font-weight: 400;
+				font-style: Regular;
+				font-size: 20rpx;
+				leading-trim: NONE;
+				line-height: 100%;
+				letter-spacing: -2%;
+				color: #2A2A2A;
+			}
+		}
+
+		.btn-group {
+			font-family: Work Sans;
+			font-weight: 400;
+			font-style: Regular;
+			font-size: 28rpx;
+			leading-trim: NONE;
+			line-height: 100%;
+			letter-spacing: -2%;
+
+			.btn {
+				height: 56rpx;
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/pages/program/programDetail/programDetail.vue b/pages/program/programDetail/programDetail.vue
deleted file mode 100644
index e583f83..0000000
--- a/pages/program/programDetail/programDetail.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-<template>
-	<view>
-
-	</view>
-</template>
-
-<script setup lang="ts">
-
-</script>
-
-<style scoped lang="scss">
-
-</style>
\ No newline at end of file
diff --git a/static/icon/card-title-icon.png b/static/icon/card-title-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..a421af0b60aad3b1fd233aa99bddce124775e5bd
GIT binary patch
literal 685
zcmV;e0#f~nP)<h;3K|Lk000e1NJLTq001Tc000;W1^@s6mQ9ay00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0zyedK~#7F&6dH6
z(@+$K|8vt37qf_U3a%u$aXWc}nWZ4wK7uX<!S)FzS&GVZP*8AS@(ArhaG5u7+z77B
zM(wCzgh8QAay=)_lukP{^u`4IAoLb;l0W}F=iEcMfX;!ovtx8MVG9}#h%bhKI0Ft9
zVW1R-g9jAN$922fwm6RO+aiwBMI00Jbx0CtVfgsf>9~35OhGTTlcqS}<u+D<5LgQS
z&G$f>tRBY#0~Y9?C2&dDoflfZbVma=47mCY@y3^YX%vU4i~iGn>f=0Ncb{vIZQp?*
z8zUAr!au=A_|Nvq!=f;8ihp)tNb@_;`i!dRoj8{Zlbp&@yffXtwK3p)1XPNuh^+=(
z$vGwe(#$-k1lhg{MG1CMJfNZiKfw@j>&6GvLXzN$$}+T3g7sghjYb2Hl-B5=1a%5y
zwz+v@6D7F(2erXwIjT(33l%5*DfmQi6#i2bx7-LNm|Q}g#EM&Ngc8&&j3*aDh!Xr>
zM{VR|ks4zUC5T(7jmZQ<HRzFy9U%-!t$JMJRuS}r;;dwa_h~v888NyJWEQGJBj)4L
zmt`*OZI2>uOFj&d0{C$al|c%gxHS_dym?4{PC5^U{A^Vw&U^BjX8FD}THoe@(JC=o
zH;=d;zUE7_lZ3ZVoSGLUEOmZyZajg@%K$4s8{ttCE{`j&BrjGcOj5Xuq6E4q>ejAy
zcm!$l7I*mVn|!xjD2cQ*X6}K<+-|~YWzXo|)6SZOwqA&%lQ<ESV2|_Z+=BZH>r>Cj
TUy}B{00000NkvXXu0mjfC$TH$

literal 0
HcmV?d00001