抖音小程序 - 律所

捍卫正义 · 专业护航。基于抖音小程序（字节跳动小程序）原生框架开发的律师事务所服务与咨询管理类小程序模板，开箱即用，可二次开发接入真实律师团队、案件管理与客户预约系统。

一、产品简介

抖音小程序 - 律所 是一套面向律师事务所、法律服务机构的律师展示、案例库、在线咨询与预约面谈管理类小程序源码。覆盖「选律师 / 查案例 → 在线法律咨询 → 预约面谈 → 服务完成」完整法律服务闭环，界面精致、交互流畅、布局自适应。内置本地模拟数据与模拟接口层（律师、案例、咨询、预约完整 CRUD），无需后端即可在抖音开发者工具中直接预览运行，是搭建律所、法律咨询、法务服务类小程序的优质起步模板。

二、功能介绍

1. 首页（律所门户）

• 律所品牌信息、执业资历与口号展示
• 概览统计：专业律师 / 胜诉案例 / 待回复咨询
• 核心服务（固定双列）：在线咨询 / 成功案例 / 预约面谈 / 律师团队
• 业务领域圆形横排：民商事 / 刑事 / 公司 / 婚姻 / 知产 / 劳动
• 资深律师横滑卡片（头像、头衔、简介、专长标签、评分、案例数、执业年限）
• 典型案例单列卡片（领域、结果、标题、摘要、代理律师、日期）
• 律所动态公告

2. 案例与律师（核心检索）

• 顶部 Tab 切换：案例库 / 律师团队
• 关键字搜索（案例标题 / 律师姓名）
• 业务领域筛选：民商事 / 刑事辩护 / 公司事务 / 婚姻家事 / 知识产权 / 劳动纠纷
• 律师排序：资历 / 评分 / 案例数
• 律师双列卡片（头像、姓名、头衔、专长标签、评分、年限）
• 案例双列卡片（领域、结果、标题、摘要、代理律师、日期）

3. 法律咨询（CRUD）

• 咨询列表（领域标签 + 状态标识 + 已回复摘要）
• 状态筛选：全部 / 待回复 / 已回复
• 咨询卡片：领域、标题、内容、律师回复摘要、咨询人、时间
• 悬浮咨询按钮（弹窗表单：领域 / 标题 / 详情）

4. 详情页（多类型复用）

• 律师详情：封面头像、专长标签、代理案件 / 评分 / 年限统计、律师简介、一键预约该律师
• 案例详情：领域、结果、标题、代理律师、日期、案件摘要
• 咨询详情：问题正文、律师回复卡、回复输入框、关闭 / 删除咨询
• 预约详情：预约状态流程进度条（已预约 → 已完成）、预约信息表、标记完成 / 取消预约 / 删除预约

5. 我的（个人中心）

• 客户信息卡（律所名称、服务热线）
• 数据看板（四宫格）：我的预约 / 待面谈 / 咨询数 / 胜诉案例
• 我的预约列表（状态 Tab：全部 / 已预约 / 已完成 / 已取消）
• 通知设置开关：案件进展提醒 / 咨询回复通知 / 法律资讯推送 / 隐私保护模式
• 恢复初始数据

6. 底部导航

• 自定义 TabBar：首页 / 案例 / 咨询 / 我的

三、使用场景

四、技术特点

• 框架：抖音小程序（字节跳动小程序）原生开发，基于 tt API
• 界面：自定义导航栏 + 自定义 TabBar，适配状态栏与右上角原生胶囊按钮；律政主题视觉（藏青 + 律政金 + 法槌红，体现法律的权威与专业）
• 数据：内置本地 Mock 数据与模拟接口层（utils/mock-api.js），基于本地存储模拟后端 CRUD，调用方式贴近真实 API
• 业务逻辑完备：律师 / 案例检索、法律咨询提问与回复（回复自动转已回复）、预约提交与 2 步状态流转（已预约 → 已完成）、胜诉案例统计与律所数据看板汇总
• 自适应布局：所有列表 / 网格使用 CSS Grid 双列布局（repeat(2, minmax(0,1fr))），不同手机屏宽下始终保持固定 2 列展示
• 结构：页面（pages）、组件（components）、数据（data）、工具（utils）、资源（assets）分层清晰，注释完善
• 图标：内置多套配色图标资源
• 版本管理：含 APP 版本号机制，发版时自动清空旧缓存与旧数据，保证真机调试始终为最新代码

五、交付内容

项目目录结构（解压后）

源码_律所/
├── app.js                  # 小程序入口（导航栏适配、版本缓存初始化）
├── app.json                # 全局配置（页面路由、窗口、自定义组件）
├── app.ttss                # 全局样式（主题变量、通用类）
├── project.config.json     # 项目配置
├── assets/                 # 静态资源（多套配色图标）
├── components/             # 公共组件
│   ├── tabbar/             # 自定义底部导航
│   └── empty/              # 空状态组件
├── data/
│   └── mock-data.js        # 种子演示数据（律所/领域/律师/案例/咨询/预约/公告/设置）
├── utils/
│   └── mock-api.js         # 模拟接口层（律师/案例/咨询/预约 CRUD + 看板）
└── pages/                  # 页面
    ├── index/              # 首页（律所门户）
    ├── cases/              # 案例与律师检索
    ├── consult/            # 法律咨询（提问/列表）
    ├── detail/             # 详情（律师/案例/咨询/预约多类型）
    └── my/                 # 我的（预约/设置/数据管理）

六、运行方式

1. 下载并安装 抖音开发者工具（字节跳动小程序开发者工具）。
2. 解压 源码_律所.zip。
3. 在开发者工具中选择「导入项目」，项目目录指向解压后的 源码_律所 文件夹。
4. 填写自己的 AppID（或使用测试号），点击导入即可预览。
5. 真机调试时如遇旧缓存，可在「我的」页点击「恢复初始数据」，或调大 app.js 中 APP_VER 版本号强制刷新。
6. 如需接入真实能力，替换 utils/mock-api.js 中的律师、案例、咨询、预约等接口实现，对接实际后端即可上线运营。

说明：源码中所有律所、公司、律师、客户、电话均为演示占位数据，无任何真实信息。