feat: 调整律所首页信息区布局

- 精简首页头图展示并优化地址卡片样式

- 将专业领域提前到律所简介之前
This commit is contained in:
2026-03-21 22:01:57 +08:00
parent f39fcd05aa
commit 63685f8644
3 changed files with 26 additions and 82 deletions

View File

@@ -3,42 +3,21 @@
<app-header title="{{firm.name}}" back="{{false}}" background="rgba(255,255,255,0.9)"></app-header>
<scroll-view class="page-content" scroll-y="true" type="list">
<!-- Hero Section -->
<view class="hero-section">
<image wx:if="{{firm.heroImage}}" class="hero-bg" mode="aspectFill" src="{{firm.heroImage}}"></image>
<view wx:if="{{!firm.heroImage}}" class="hero-overlay"></view>
<view class="hero-content">
<view class="firm-stats">
<view class="stat-item">
<text class="stat-num">{{firm.officeCount}}</text>
<text class="stat-label">办公机构</text>
</view>
<view class="stat-divider"></view>
<view class="stat-item">
<text class="stat-num">{{firm.lawyerCount}}</text>
<text class="stat-label">专业律师</text>
</view>
</view>
</view>
</view>
<!-- Content Container (Overlapping) -->
<view class="content-container">
<!-- Address Card -->
<view class="card address-card" bindtap="openLocation">
<view class="address-info">
<text class="address-label">总部地址</text>
<text class="address-text">{{firm.hqAddress}}</text>
</view>
<text class="address-icon">></text>
</view>
<!-- Intro Section -->
<view class="section">
<view class="section-title">律所简介</view>
<text class="intro-text">{{firm.intro}}</text>
<image class="address-icon" src="/assets/icons/navigate.svg" mode="aspectFit"></image>
</view>
<!-- Practice Areas -->
@@ -48,6 +27,12 @@
<view class="area-tag" wx:for="{{firm.practiceAreas}}" wx:key="*this">{{item}}</view>
</view>
</view>
<!-- Intro Section -->
<view class="section">
<view class="section-title">律所简介</view>
<text class="intro-text">{{firm.intro}}</text>
</view>
<view class="safe-area-bottom" style="height: 120rpx;"></view>
</view>