From 63685f86449ae723b74968742bf52a67d153bb1b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=AD=90=E9=BB=98?= <925456043@qq.com>
Date: Sat, 21 Mar 2026 22:01:57 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=B0=83=E6=95=B4=E5=BE=8B=E6=89=80?=
=?UTF-8?q?=E9=A6=96=E9=A1=B5=E4=BF=A1=E6=81=AF=E5=8C=BA=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
- 精简首页头图展示并优化地址卡片样式
- 将专业领域提前到律所简介之前
---
.../miniprogram/assets/icons/navigate.svg | 8 +++
.../miniprogram/pages/firm/index.less | 71 +++----------------
.../miniprogram/pages/firm/index.wxml | 29 ++------
3 files changed, 26 insertions(+), 82 deletions(-)
create mode 100644 frontend_miniprogram/miniprogram/assets/icons/navigate.svg
diff --git a/frontend_miniprogram/miniprogram/assets/icons/navigate.svg b/frontend_miniprogram/miniprogram/assets/icons/navigate.svg
new file mode 100644
index 0000000..59f0f51
--- /dev/null
+++ b/frontend_miniprogram/miniprogram/assets/icons/navigate.svg
@@ -0,0 +1,8 @@
+
diff --git a/frontend_miniprogram/miniprogram/pages/firm/index.less b/frontend_miniprogram/miniprogram/pages/firm/index.less
index 49a4f18..918d8b1 100644
--- a/frontend_miniprogram/miniprogram/pages/firm/index.less
+++ b/frontend_miniprogram/miniprogram/pages/firm/index.less
@@ -4,13 +4,8 @@
.hero-section {
position: relative;
- height: 520rpx;
+ height: 440rpx;
width: 100%;
- display: flex;
- flex-direction: column;
- justify-content: flex-end;
- padding-bottom: 80rpx;
- /* Space for overlap */
}
.hero-bg {
@@ -33,60 +28,10 @@
z-index: 1;
}
-.hero-content {
- position: relative;
- z-index: 2;
- padding: 0 var(--spacing-lg);
- display: flex;
- flex-direction: column;
- margin-bottom: 72rpx;
-}
-
-.firm-stats {
- display: inline-flex;
- align-items: center;
- width: fit-content;
- padding: 14rpx 22rpx;
- border-radius: 20rpx;
- border: 1rpx solid rgba(255, 255, 255, 0.32);
- background: linear-gradient(120deg, rgba(10, 21, 34, 0.62), rgba(19, 38, 56, 0.36));
- box-shadow: 0 10rpx 28rpx rgba(7, 15, 27, 0.35), inset 0 1rpx 0 rgba(255, 255, 255, 0.24);
- backdrop-filter: blur(10rpx);
- -webkit-backdrop-filter: blur(10rpx);
-}
-
-.stat-item {
- display: flex;
- flex-direction: column;
- min-width: 120rpx;
-}
-
-.stat-num {
- font-size: 44rpx;
- font-weight: 700;
- color: #fff;
- line-height: 1.2;
- text-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.35);
-}
-
-.stat-label {
- font-size: 24rpx;
- color: rgba(242, 247, 252, 0.92);
- margin-top: 4rpx;
- text-shadow: 0 1rpx 8rpx rgba(0, 0, 0, 0.28);
-}
-
-.stat-divider {
- width: 2rpx;
- height: 40rpx;
- background: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.52), rgba(255, 255, 255, 0.12));
- margin: 0 24rpx;
-}
-
.content-container {
position: relative;
z-index: 3;
- margin-top: -60rpx;
+ margin-top: -32rpx;
background: var(--bg-page);
border-radius: 32rpx 32rpx 0 0;
padding: var(--spacing-lg) var(--spacing-md);
@@ -96,7 +41,7 @@
.address-card {
display: flex;
align-items: center;
- justify-content: space-between;
+ gap: var(--spacing-md);
padding: var(--spacing-md);
margin-bottom: var(--spacing-lg);
background: #fff;
@@ -105,8 +50,10 @@
.address-info {
display: flex;
+ flex: 1;
flex-direction: column;
gap: 8rpx;
+ min-width: 0;
}
.address-label {
@@ -118,11 +65,15 @@
font-size: 28rpx;
color: var(--text-main);
font-weight: 500;
+ line-height: 1.5;
+ word-break: break-all;
}
.address-icon {
- font-size: 32rpx;
- color: var(--text-tertiary);
+ width: 34rpx;
+ height: 34rpx;
+ flex-shrink: 0;
+ align-self: center;
}
.section {
diff --git a/frontend_miniprogram/miniprogram/pages/firm/index.wxml b/frontend_miniprogram/miniprogram/pages/firm/index.wxml
index 786d8bc..fb4c7a2 100644
--- a/frontend_miniprogram/miniprogram/pages/firm/index.wxml
+++ b/frontend_miniprogram/miniprogram/pages/firm/index.wxml
@@ -3,42 +3,21 @@
-
-
-
-
- {{firm.officeCount}}
- 办公机构
-
-
-
- {{firm.lawyerCount}}
- 专业律师
-
-
-
-
总部地址
{{firm.hqAddress}}
- >
-
-
-
-
- 律所简介
- {{firm.intro}}
+
@@ -48,6 +27,12 @@
{{item}}
+
+
+
+ 律所简介
+ {{firm.intro}}
+