From fc3cad18e6dfdef5f4f6b4100ef7382e1a502d0f Mon Sep 17 00:00:00 2001
From: Yer11214 <17633066053@163.com>
Date: Tue, 7 Jul 2026 17:10:44 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E7=9B=B4=E6=92=AD?=
 =?UTF-8?q?=E6=88=BF=E9=97=B4=E9=A1=B5=E9=9D=A2=E5=8F=8A=E7=9B=B8=E5=85=B3?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E5=92=8C=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 新增直播房间页面，支持竖屏直播模式
- 实现直播播放器和消息展示功能
- 增加购物车按钮和商品推荐展示
- 更新样式以适应新页面布局
- 移除不再使用的 MQTT 相关文件和 API 调用
---
 VUE3_MIGRATION_PLAN.md                        | 638 +++++++++++++
 api/live.js                                   |  10 -
 config/api.js                                 |   6 +-
 package-lock.json                             | 879 +++++++++++++++++-
 package.json                                  |   1 +
 pages.json                                    |  17 +-
 pages/live/mqtt/mqtt-weixin.js                | 379 --------
 pages/live/utils/liveSetting.js               |  34 -
 pages/{ => promotion}/live/live-vertical.scss |  36 +-
 pages/{ => promotion}/live/live.scss          | 183 +++-
 pages/{ => promotion}/live/mqtt/mqtt.js       |   0
 pages/{ => promotion}/live/room.vue           | 305 +++++-
 pages/{ => promotion}/live/utils/liveChat.js  |   2 +-
 pages/{ => promotion}/live/utils/liveMqtt.js  |   5 -
 .../live/utils/liveRecommend.js               |   0
 pages/promotion/live/utils/liveSetting.js     |  41 +
 16 files changed, 2028 insertions(+), 508 deletions(-)
 create mode 100644 VUE3_MIGRATION_PLAN.md
 delete mode 100644 pages/live/mqtt/mqtt-weixin.js
 delete mode 100644 pages/live/utils/liveSetting.js
 rename pages/{ => promotion}/live/live-vertical.scss (84%)
 rename pages/{ => promotion}/live/live.scss (80%)
 rename pages/{ => promotion}/live/mqtt/mqtt.js (100%)
 rename pages/{ => promotion}/live/room.vue (79%)
 rename pages/{ => promotion}/live/utils/liveChat.js (99%)
 rename pages/{ => promotion}/live/utils/liveMqtt.js (98%)
 rename pages/{ => promotion}/live/utils/liveRecommend.js (100%)
 create mode 100644 pages/promotion/live/utils/liveSetting.js

diff --git a/VUE3_MIGRATION_PLAN.md b/VUE3_MIGRATION_PLAN.md
new file mode 100644
index 0000000..1a7113c
--- /dev/null
+++ b/VUE3_MIGRATION_PLAN.md
@@ -0,0 +1,638 @@
+# Vue 3 语法改造计划
+
+> 本文档用于按文件夹逐步改造业务代码。框架层（Vue 3 运行时、uView Plus、Vuex 4）已就绪，目标是让各模块语法与 Vue 3 完全兼容，并可选升级为 Composition API。
+
+## 改造目标
+
+| 层级 | 说明 | 是否必须 |
+| --- | --- | --- |
+| L1 兼容性修复 | 模板语法、uView Plus 组件、生命周期等 Vue 3 不兼容写法 | 必须 |
+| L2 代码现代化 | Options API → `<script setup>` + composables | 可选，新改模块优先 |
+
+**原则**：先保证 L1 全项目通过，再按文件夹做 L2。不必一次性改完 170+ 页面。
+
+---
+
+## 全局前置（第 0 步，一次性）
+
+### 0.1 跑自动化脚本
+
+```bash
+npm install
+npm run migrate:vue3
+node scripts/migrate-uview-components.js
+node scripts/migrate-navbar-props.js
+node scripts/migrate-filters-usage.js
+```
+
+脚本覆盖范围：
+
+- 模板过滤器 `{{ x \| unitPrice }}` → `{{ unitPrice(x) }}`
+- `v-model` → `v-model:show`（popup 类组件）
+- `slot="xxx"` → `#xxx`
+- `this.$set` / `this.$delete` 替换
+- uView 组件别名（`u-cell-item` → `u-cell` 等）
+
+### 0.2 全局残留扫描
+
+每完成一个文件夹，在**该文件夹**内执行：
+
+```bash
+# 模板过滤器
+rg "\|\s*(unitPrice|unixToDate|beautifyTime|goodsFormatPrice)" pages/xxx --glob "*.vue"
+
+# Vue 2 生命周期
+rg "beforeDestroy|destroyed" pages/xxx --glob "*.vue"
+
+# 旧 uView 组件
+rg "u-cell-item|u-verification-code|u-alert-tips|<u-loading[^-]" pages/xxx --glob "*.vue"
+
+# .sync 修饰符
+rg "\.sync" pages/xxx --glob "*.vue"
+
+# u-parse 旧属性
+rg ":html=|show-with-animation|use-cache" pages/xxx --glob "*.vue"
+```
+
+### 0.3 单文件改造 SOP
+
+每个 `.vue` 文件按以下顺序处理：
+
+1. **模板**
+   - 过滤器改为函数调用
+   - uView Plus 组件 props 对照 [VUE3_MIGRATION.md](./VUE3_MIGRATION.md)
+   - 插槽：`slot="right"` → `#right`
+   - `.sync` → `v-model:xxx`
+
+2. **Script（L1 最小改动）**
+   - `beforeDestroy` → `beforeUnmount`
+   - `destroyed` → `unmounted`
+   - 删除 `filters: { }` 块（改用全局 mixin methods 或本地 methods）
+   - `this.$set(obj, key, val)` → `obj[key] = val`
+
+3. **Script（L2 可选升级）**
+   - `<script>` → `<script setup lang="ts">`
+   - `data()` → `ref()` / `reactive()`
+   - `computed` → `computed()`
+   - `methods` → 普通函数
+   - 生命周期：`onLoad` / `onShow` 从 `@dcloudio/uni-app` 引入
+   - 复杂逻辑抽到同目录 `composables/useXxx.ts`
+
+4. **验证**
+   - H5 打开对应页面
+   - 微信开发者工具编译通过
+   - 核心交互点手动点一遍
+
+### 0.4 进度标记
+
+本文档各文件夹表格中状态列取值：
+
+- `[ ]` 未开始
+- `[~]` 进行中
+- `[x]` L1 完成（兼容）
+- `[★]` L2 完成（Composition API）
+
+---
+
+## 批次总览
+
+| 批次 | 文件夹 | 文件数 | 优先级 | 依赖 |
+| --- | --- | --- | --- | --- |
+| 0 | 全局基础设施 | — | P0 | — |
+| 1 | `components/` | 22 | P0 | 被全项目引用 |
+| 2 | `pages/tabbar/` | 34 | P0 | 首页 / 购物车 / 分类 / 我的 |
+| 3 | `pages/product/` | 20 | P0 | 商品详情链路 |
+| 4 | `pages/cart/` | 8 | P0 | 下单前 |
+| 5 | `pages/order/` | 19 | P0 | 交易后 |
+| 6 | `pages/passport/` | 10 | P1 | 登录注册 |
+| 7 | `pages/mine/` | 41 | P1 | 个人中心分包 |
+| 8 | `pages/promotion/` | 10 | P1 | 营销活动 |
+| 9 | 零散页面 | 3 | P2 | 导航 / 空态 / 旧直播 |
+| 10 | `App.vue` + `store/` | 2 | P0 | 应用入口 |
+
+**建议顺序**：0 → 1 → 2 → 3 → 4 → 5 → 10（穿插）→ 6 → 7 → 8 → 9
+
+---
+
+## 批次 0：全局基础设施
+
+> 框架层已基本完成，本批次以核对为主。
+
+| 文件 | 状态 | 备注 |
+| --- | --- | --- |
+| `main.js` | [x] | `createSSRApp`、filter mixin、uView Plus |
+| `manifest.json` | [x] | `"vueVersion": "3"` |
+| `store/index.js` | [ ] | Vuex 4，可补充 `useStore()` 导出供 L2 使用 |
+| `utils/filters.js` | [x] | 已改为普通函数 |
+| `utils/mpShare.js` | [x] | 小程序分享 mixin |
+| `utils/uploadHelper.js` | [x] | u-upload `@afterRead` 配套 |
+
+### 批次 0 测试
+
+- [ ] `npm install` 无报错
+- [ ] H5 启动无白屏
+- [ ] 小程序编译通过
+
+---
+
+## 批次 1：`components/`（22 文件）
+
+> 公共组件，改完收益最大。优先改被高频引用的组件。
+
+### 1.1 商品与交易
+
+| 文件 | 状态 | 关注点 |
+| --- | --- | --- |
+| `m-goods-list/list.vue` | [ ] | 价格过滤器 |
+| `m-goods-list/base-list.vue` | [ ] | |
+| `m-goods-list/common.vue` | [ ] | |
+| `m-goods-list/promotion.vue` | [ ] | |
+| `m-goods-recommend/index.vue` | [ ] | |
+| `m-buy/goods.vue` | [ ] | popup、规格选择 |
+| `m-take-down-sale-goods/index.vue` | [ ] | |
+
+### 1.2 交互与工具
+
+| 文件 | 状态 | 关注点 |
+| --- | --- | --- |
+| `verification/verification.vue` | [ ] | `this.$store` |
+| `verify-code/verify-code.vue` | [ ] | `u-code` |
+| `popups/popups.vue` | [ ] | `v-model:show` |
+| `uni-number-box.vue` | [ ] | |
+| `uni-load-more/uni-load-more.vue` | [ ] | |
+| `uniMap.vue` | [ ] | 地图 API |
+| `m-city/m-city.vue` | [ ] | 城市选择 |
+
+### 1.3 分享与展示
+
+| 文件 | 状态 | 关注点 |
+| --- | --- | --- |
+| `m-share/index.vue` | [ ] | 分享逻辑 |
+| `m-placard/index.vue` | [ ] | 海报 |
+| `m-canvas/index.vue` | [ ] | 画布 |
+| `m-search-revision/m-search-revision.vue` | [ ] | |
+| `m-airbtn/index.vue` | [ ] | H5 唤起 App |
+| `default-page/default-page.vue` | [ ] | 空态页 |
+| `u-time-line/u-time-line.vue` | [ ] | 自定义 easycom |
+| `u-time-line/u-time-line-item.vue` | [ ] | |
+
+### 批次 1 测试
+
+- [ ] 首页商品列表渲染正常
+- [ ] 商品详情加购弹窗正常
+- [ ] 验证码 / 滑块验证正常
+
+---
+
+## 批次 2：`pages/tabbar/`（34 文件）
+
+> 主包 Tab 页，用户入口，优先保证 L1。
+
+### 2.1 首页核心（4 文件）
+
+| 文件 | 状态 | 关注点 |
+| --- | --- | --- |
+| `home/index.vue` | [ ] | 装修数据加载 |
+| `home/views.vue` | [ ] | 模块渲染 |
+| `home/title.vue` | [ ] | 消息 |
+| `home/web-view.vue` | [ ] | 内嵌 H5 |
+
+### 2.2 首页装修模板（23 文件）
+
+路径：`pages/tabbar/home/template/`
+
+| 文件 | 状态 | 关注点 |
+| --- | --- | --- |
+| `tpl_banner.vue` | [ ] | 轮播 |
+| `tpl_goods.vue` | [ ] | `beforeDestroy` 残留 |
+| `tpl_menu.vue` | [ ] | 宫格 |
+| `tpl_search.vue` | [ ] | 搜索框 |
+| `tpl_notice.vue` | [ ] | 公告 |
+| `tpl_title.vue` | [ ] | 标题 |
+| `tpl_spike.vue` | [ ] | 秒杀 |
+| `tpl_group.vue` | [ ] | 拼团 |
+| `tpl_join_group.vue` | [ ] | 参团 |
+| `tpl_integral.vue` | [ ] | 积分 |
+| `tpl_hot_zone.vue` | [ ] | 热区 |
+| `tpl_text_picture.vue` | [ ] | 图文 |
+| `tpl_promotions_detail.vue` | [ ] | 促销详情 |
+| `fetch_coupon.vue` | [ ] | 领券 |
+| `tpl_flex_one.vue` | [ ] | 布局 |
+| `tpl_flex_two.vue` | [ ] | |
+| `tpl_flex_three.vue` | [ ] | |
+| `tpl_flex_four.vue` | [ ] | |
+| `tpl_flex_five.vue` | [ ] | |
+| `tpl_top_one_bottom_two.vue` | [ ] | |
+| `tpl_top_two_bottom_one.vue` | [ ] | |
+| `tpl_left_one_right_two.vue` | [ ] | |
+| `tpl_left_two_right_one.vue` | [ ] | |
+
+> 模板文件结构相似，建议抽一个 `template` 公共 composable 后再批量 L2。
+
+### 2.3 其他 Tab（7 文件）
+
+| 文件 | 状态 | 关注点 |
+| --- | --- | --- |
+| `cart/cartList.vue` | [ ] | `this.$store`、SwipeAction |
+| `category/category.vue` | [ ] | 分类树 |
+| `user/my.vue` | [ ] | 个人中心入口 |
+| `user/similarGoods.vue` | [ ] | 相似商品 |
+| `user/utils/tool.vue` | [ ] | 工具函数组件 |
+| `screen/fullScreen.vue` | [ ] | 全屏广告 |
+| `special/special.vue` | [ ] | 专题页 |
+
+### 批次 2 测试
+
+- [ ] 首页各装修模块加载
+- [ ] 下拉刷新
+- [ ] 购物车加减 / 删除
+- [ ] 分类切换
+- [ ] 我的页面登录态展示
+
+---
+
+## 批次 3：`pages/product/`（20 文件）
+
+> 商品详情是核心转化页，建议 `goods.vue` 优先 L2。
+
+### 3.1 商品主流程（7 文件）
+
+| 文件 | 状态 | 关注点 |
+| --- | --- | --- |
+| `goods.vue` | [ ] | 主页面，`this.$store`，子组件多 |
+| `askList.vue` | [ ] | 问答 |
+| `comment.vue` | [ ] | 评价 |
+| `shopList.vue` | [ ] | 店铺列表 |
+| `shopPage.vue` | [ ] | 店铺首页 |
+| `shopPageGoods.vue` | [ ] | 店铺商品 |
+| `licencePhoto.vue` | [ ] | 证照 |
+| `customerservice/index.vue` | [ ] | 客服 |
+
+### 3.2 商品详情子组件（12 文件）
+
+路径：`pages/product/product/`
+
+| 文件 | 状态 | 关注点 |
+| --- | --- | --- |
+| `goods/-goods-swiper.vue` | [ ] | 轮播 |
+| `goods/-goods-intro.vue` | [ ] | **u-parse `:html`** |
+| `goods/-goods-desc.vue` | [ ] | 详情 |
+| `goods/-goods-recommend.vue` | [ ] | 推荐 |
+| `evaluation/-evaluation.vue` | [ ] | 评价列表 |
+| `shop/-shop.vue` | [ ] | 店铺信息 |
+| `popup/address.vue` | [ ] | 地址弹窗 |
+| `promotion/-promotion.vue` | [ ] | 促销 |
+| `promotion/-promotion-coupon.vue` | [ ] | 优惠券 |
+| `promotion/-promotion-details.vue` | [ ] | 促销详情 |
+| `promotion/-promotion-assemble-list.vue` | [ ] | 拼团列表 |
+| `promotion/-promotion-assemble-promotions.vue` | [ ] | 拼团促销 |
+
+### 批次 3 测试
+
+- [ ] 商品详情完整加载（图 / 价 / 规格 / 促销）
+- [ ] 加购 / 立即购买
+- [ ] 富文本详情渲染（u-parse）
+- [ ] 店铺跳转
+
+---
+
+## 批次 4：`pages/cart/`（8 文件）
+
+### 4.1 优惠券（4 文件）
+
+| 文件 | 状态 | 关注点 |
+| --- | --- | --- |
+| `coupon/index.vue` | [ ] | `this.$store` |
+| `coupon/myCoupon.vue` | [ ] | |
+| `coupon/couponCenter.vue` | [ ] | |
+| `coupon/couponDetail.vue` | [ ] | |
+
+### 4.2 支付（4 文件）
+
+| 文件 | 状态 | 关注点 |
+| --- | --- | --- |
+| `payment/payOrder.vue` | [ ] | 支付核心，`this.$store` |
+| `payment/success.vue` | [ ] | 支付成功 |
+| `payment/shareOrderGoods.vue` | [ ] | 分享订单 |
+| `payment/error.vue` | [ ] | 支付失败 |
+
+### 批次 4 测试
+
+- [ ] 选券 / 用券
+- [ ] H5 微信支付
+- [ ] 小程序支付
+- [ ] 支付成功 / 失败页
+
+---
+
+## 批次 5：`pages/order/`（19 文件）
+
+### 5.1 订单主流程（4 文件）
+
+| 文件 | 状态 | 关注点 |
+| --- | --- | --- |
+| `fillorder.vue` | [ ] | 填单，`this.$store` |
+| `myOrder.vue` | [ ] | 订单列表 |
+| `orderDetail.vue` | [ ] | 订单详情 |
+| `deliverDetail.vue` | [ ] | 物流 |
+
+### 5.2 售后（7 文件）
+
+路径：`pages/order/afterSales/`
+
+| 文件 | 状态 |
+| --- | --- |
+| `afterSales.vue` | [ ] |
+| `afterSalesSelect.vue` | [ ] |
+| `applyDetail.vue` | [ ] |
+| `applyProgress.vue` | [ ] |
+| `applySuccess.vue` | [ ] |
+| `afterSalesDetail.vue` | [ ] |
+| `afterSalesDetailExpress.vue` | [ ] |
+
+### 5.3 评价（3 文件）
+
+| 文件 | 状态 |
+| --- | --- |
+| `evaluate/myEvaluate.vue` | [ ] |
+| `evaluate/releaseEvaluate.vue` | [ ] |
+| `evaluate/evaluateDetail.vue` | [ ] |
+
+### 5.4 投诉与发票（5 文件）
+
+| 文件 | 状态 | 关注点 |
+| --- | --- | --- |
+| `complain/complain.vue` | [ ] | |
+| `complain/complainList.vue` | [ ] | |
+| `complain/complainInfo.vue` | [ ] | |
+| `invoice/setInvoice.vue` | [ ] | **`.sync` 多处** |
+| `invoice/invoiceDetail.vue` | [ ] | |
+
+### 批次 5 测试
+
+- [ ] 提交订单 → 支付 → 订单列表
+- [ ] 申请售后全流程
+- [ ] 评价发布
+- [ ] 发票填写
+
+---
+
+## 批次 6：`pages/passport/`（10 文件）
+
+### 6.1 登录（5 文件）
+
+| 文件 | 状态 | 关注点 |
+| --- | --- | --- |
+| `login.vue` | [ ] | `this.$store`、核心入口 |
+| `wechatH5Login.vue` | [ ] | H5 公众号授权 |
+| `wechatMPLogin.vue` | [ ] | 小程序登录 |
+| `scannerCodeLoginConfirm.vue` | [ ] | 扫码登录 |
+| `article.vue` | [ ] | **u-parse `:html`** |
+
+### 6.2 商家入驻（5 文件）
+
+路径：`pages/passport/entry/seller/`
+
+| 文件 | 状态 |
+| --- | --- |
+| `index.vue` | [ ] |
+| `control.vue` | [ ] |
+| `step1.vue` | [ ] |
+| `step2.vue` | [ ] |
+| `step3.vue` | [ ] |
+
+### 批次 6 测试
+
+- [ ] H5 账号密码登录
+- [ ] 微信小程序授权登录
+- [ ] 登录态写入 Vuex / storage
+
+---
+
+## 批次 7：`pages/mine/`（41 文件）
+
+> 最大分包，按子文件夹拆分推进。
+
+### 7.1 根目录（4 文件）
+
+| 文件 | 状态 |
+| --- | --- |
+| `signIn.vue` | [ ] |
+| `myTracks.vue` | [ ] |
+| `myCollect.vue` | [ ] |
+| `point/myPoint.vue` | [ ] |
+
+### 7.2 地址（4 文件）
+
+| 文件 | 状态 | 关注点 |
+| --- | --- | --- |
+| `address/address.vue` | [ ] | `this.$store` |
+| `address/add.vue` | [ ] | |
+| `address/addressManage.vue` | [ ] | |
+| `address/storeAddress.vue` | [ ] | |
+
+### 7.3 预存款（6 文件）
+
+| 文件 | 状态 |
+| --- | --- |
+| `deposit/index.vue` | [ ] |
+| `deposit/info.vue` | [ ] |
+| `deposit/recharge.vue` | [ ] |
+| `deposit/withdrawal.vue` | [ ] |
+| `deposit/withdrawApply.vue` | [ ] |
+| `deposit/operation.vue` | [ ] |
+
+### 7.4 分销（7 文件）
+
+| 文件 | 状态 | 关注点 |
+| --- | --- | --- |
+| `distribution/home.vue` | [ ] | `this.$store` |
+| `distribution/list.vue` | [ ] | |
+| `distribution/join.vue` | [ ] | |
+| `distribution/auth.vue` | [ ] | |
+| `distribution/achievement.vue` | [ ] | |
+| `distribution/history.vue` | [ ] | |
+| `distribution/withdrawal.vue` | [ ] | |
+
+### 7.5 消息（6 文件）
+
+| 文件 | 状态 |
+| --- | --- |
+| `msgTips/main.vue` | [ ] |
+| `msgTips/sysMsg/index.vue` | [ ] |
+| `msgTips/packageMsg/index.vue` | [ ] |
+| `msgTips/packageMsg/logisticsDetail.vue` | [ ] |
+| `msgTips/serviceMsg/index.vue` | [ ] |
+| `im/index.vue` | [ ] |
+| `im/list.vue` | [ ] |
+
+### 7.6 设置（12 文件）
+
+| 文件 | 状态 | 关注点 |
+| --- | --- | --- |
+| `set/setUp.vue` | [ ] | |
+| `set/personMsg.vue` | [ ] | **`.sync`** |
+| `set/feedBack.vue` | [ ] | u-upload |
+| `set/editionIntro.vue` | [ ] | |
+| `set/versionFunctionList.vue` | [ ] | |
+| `help/tips.vue` | [ ] | **u-parse `:html`** |
+| `set/securityCenter/securityCenter.vue` | [ ] | |
+| `set/securityCenter/bindMobile.vue` | [ ] | |
+| `set/securityCenter/editPassword.vue` | [ ] | |
+| `set/securityCenter/editLoginPassword.vue` | [ ] | |
+| `set/securityCenter/faceLogin.vue` | [ ] | |
+| `set/securityCenter/fingerLogin.vue` | [ ] | |
+| `set/securityCenter/updatePwdTab.vue` | [ ] | |
+
+### 批次 7 测试
+
+- [ ] 地址增删改
+- [ ] 收藏 / 足迹
+- [ ] 分销中心
+- [ ] 修改密码 / 绑定手机
+
+---
+
+## 批次 8：`pages/promotion/`（10 文件）
+
+### 8.1 直播（1 文件 + utils）
+
+| 文件 | 状态 | 关注点 |
+| --- | --- | --- |
+| `live/room.vue` | [ ] | 1300+ 行，**`.sync` 10 处**，建议 L2 拆 composables |
+| `live/utils/liveChat.js` | [ ] | IM 聊天服务 |
+| `live/utils/liveMqtt.js` | [ ] | MQTT |
+| `live/utils/liveRecommend.js` | [ ] | 推荐商品 |
+| `live/utils/liveSetting.js` | [ ] | 直播配置 |
+| `live/mqtt/mqtt.js` | [ ] | MQTT 客户端 |
+
+> 旧路径 `pages/live/room.vue` 为冗余文件，改造完成后删除并核对 `pages.json` 路由。
+
+### 8.2 营销活动（9 文件）
+
+| 文件 | 状态 | 关注点 |
+| --- | --- | --- |
+| `lives.vue` | [ ] | 直播列表 |
+| `seckill.vue` | [ ] | 秒杀 |
+| `joinGroup.vue` | [ ] | 拼团 |
+| `bargain/list.vue` | [ ] | 砍价列表 |
+| `bargain/detail.vue` | [ ] | **u-parse `:html`** |
+| `bargain/log.vue` | [ ] | 砍价记录 |
+| `point/pointList.vue` | [ ] | 积分商城 |
+| `point/detail.vue` | [ ] | **u-parse `:html`** |
+| `point/user.vue` | [ ] | 积分用户 |
+
+### 批次 8 测试
+
+- [ ] 进入直播间 / 拉流 / 聊天
+- [ ] 秒杀 / 拼团 / 砍价页面
+- [ ] 积分兑换
+
+---
+
+## 批次 9：零散页面（3 文件）
+
+| 文件 | 状态 | 备注 |
+| --- | --- | --- |
+| `pages/navigation/search/searchPage.vue` | [ ] | 搜索页，`this.$store` |
+| `pages/floor/empty.vue` | [ ] | 空楼层 |
+| `pages/live/room.vue` | [ ] | **待删除**，与 `promotion/live` 重复 |
+
+---
+
+## 批次 10：应用入口
+
+| 文件 | 状态 | 关注点 |
+| --- | --- | --- |
+| `App.vue` | [ ] | `mapMutations`、`this.$store`、onLaunch |
+| `store/index.js` | [ ] | 可添加 `useStore()` 导出 |
+
+### App.vue L2 参考写法
+
+```ts
+// store/index.js 补充
+import { useStore as useVuexStore } from 'vuex'
+export function useStore() {
+  return useVuexStore()
+}
+```
+
+---
+
+## 已知高风险文件清单
+
+以下文件含已知 Vue 2 残留，改造时优先处理：
+
+| 文件 | 问题 |
+| --- | --- |
+| `pages/tabbar/home/template/tpl_goods.vue` | `beforeDestroy` |
+| `pages/order/invoice/setInvoice.vue` | `.sync` × 7 |
+| `pages/promotion/live/room.vue` | `.sync` × 10，1300+ 行 |
+| `pages/mine/set/personMsg.vue` | `.sync` |
+| `pages/product/product/goods/-goods-intro.vue` | u-parse `:html` |
+| `pages/mine/help/tips.vue` | u-parse `:html` |
+| `pages/passport/article.vue` | u-parse `:html` |
+| `pages/promotion/bargain/detail.vue` | u-parse `:html` |
+| `pages/promotion/point/detail.vue` | u-parse `:html` |
+
+---
+
+## 含 `this.$store` 的文件（L2 时改为 `useStore()`）
+
+共 39 处 / 37 个文件，集中在：
+
+- `pages/cart/`（4 文件）
+- `pages/order/`（10 文件）
+- `pages/mine/`（12 文件）
+- `pages/passport/login.vue`
+- `pages/product/goods.vue`
+- `pages/tabbar/cart/cartList.vue`
+- `App.vue`
+- `components/verification/verification.vue`
+
+---
+
+## 第三方模块（仅验证，不改源码）
+
+| 模块 | 路径 | 说明 |
+| --- | --- | --- |
+| Sansnn-uQRCode | `uni_modules/Sansnn-uQRCode/` | 声明支持 Vue 3 |
+| okingtz-cropper | `uni_modules/okingtz-cropper/` | App 端实测头像裁剪 |
+| u-draw-poster | `js_sdk/u-draw-poster/` | 海报生成 |
+
+---
+
+## 推荐里程碑
+
+| 里程碑 | 完成标准 | 预计工作量 |
+| --- | --- | --- |
+| M1 可运行 | 批次 0–2 L1 完成，主 Tab 无报错 | 3–5 天 |
+| M2 可交易 | 批次 3–5 L1 完成，下单支付通 | 3–5 天 |
+| M3 全兼容 | 全部 L1 完成，三端回归通过 | 5–7 天 |
+| M4 现代化 | 核心模块 L2（tabbar / product / live） | 按需持续 |
+
+---
+
+## 进度汇总
+
+| 批次 | 文件夹 | 文件数 | L1 进度 | L2 进度 |
+| --- | --- | --- | --- | --- |
+| 0 | 全局基础设施 | — | 80% | — |
+| 1 | `components/` | 22 | 0/22 | 0/22 |
+| 2 | `pages/tabbar/` | 34 | 0/34 | 0/34 |
+| 3 | `pages/product/` | 20 | 0/20 | 0/20 |
+| 4 | `pages/cart/` | 8 | 0/8 | 0/8 |
+| 5 | `pages/order/` | 19 | 0/19 | 0/19 |
+| 6 | `pages/passport/` | 10 | 0/10 | 0/10 |
+| 7 | `pages/mine/` | 41 | 0/41 | 0/41 |
+| 8 | `pages/promotion/` | 10 | 0/10 | 0/10 |
+| 9 | 零散页面 | 3 | 0/3 | 0/3 |
+| 10 | 应用入口 | 2 | 0/2 | 0/2 |
+| **合计** | | **169** | **0/169** | **0/169** |
+
+---
+
+## 相关文档
+
+- [VUE3_MIGRATION.md](./VUE3_MIGRATION.md) — 框架升级说明与回归清单
+- [uView Plus 文档](https://uview-plus.jiangruyi.com/) — 组件 API 对照
diff --git a/api/live.js b/api/live.js
index e577aab..7abff48 100644
--- a/api/live.js
+++ b/api/live.js
@@ -63,13 +63,3 @@ export function receiveLiveCoupon(liveRoomId, couponId) {
   });
 }
 
-/**
- * 获取直播系统配置（LIVE_SETTING，含 imSdkAppid）
- */
-export function getLiveSetting() {
-  return http.request({
-    url: "system/setting/get/LIVE_SETTING",
-    method: Method.GET,
-    loading: false,
-  });
-}
diff --git a/config/api.js b/config/api.js
index 2292a42..c83d0db 100644
--- a/config/api.js
+++ b/config/api.js
@@ -8,9 +8,9 @@ const dev = {
   common: "https://common-api.pickmall.cn",
   buyer: "https://buyer-api.pickmall.cn",
   mqtt: "wss://lilishop-mqtt-pull.dllll.xyz/mqtt",
-  // common: "http://192.168.0.113:8890",
-  // buyer: "http://192.168.0.113:8888",
-  // im: "http://192.168.0.113:8885",
+  common: "http://192.168.31.244:8890",
+  buyer: "http://192.168.31.244:8888",
+  im: "http://192.168.0.113:8885",
 };
 // 生产环境
 const prod = {
diff --git a/package-lock.json b/package-lock.json
index 7e47364..377429a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,6 +10,9 @@
       "hasInstallScript": true,
       "license": "ISC",
       "dependencies": {
+        "@tencentcloud/chat": "^3.5.5",
+        "hls.js": "^1.6.16",
+        "mqtt": "^5.15.0",
         "sass": "^1.89.2",
         "uview-plus": "^3.4.72",
         "vuex": "^4.1.0"
@@ -49,6 +52,15 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/@babel/runtime": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmmirror.com/@babel/runtime/-/runtime-7.29.7.tgz",
+      "integrity": "sha512-Nq8OhGWiZIZGV6hLHoyAKLLcJihP/xFeBMGJoUrxTX2psI8dCifzLhZISFb+VWS3wFMRDmCGw5R+dOySCqPLhw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
     "node_modules/@babel/types": {
       "version": "7.29.7",
       "license": "MIT",
@@ -346,6 +358,39 @@
         "url": "https://opencollective.com/parcel"
       }
     },
+    "node_modules/@tencentcloud/chat": {
+      "version": "3.6.6",
+      "resolved": "https://registry.npmmirror.com/@tencentcloud/chat/-/chat-3.6.6.tgz",
+      "integrity": "sha512-PYPGUoZHw3GjDgM0N72qr0K/Wjp28HAoGaND077sbUQEwYFaMjZ1tuBQZugFG6v8OS8Ihx71yqNshR3xDHvYaA==",
+      "license": "ISC"
+    },
+    "node_modules/@types/node": {
+      "version": "26.1.0",
+      "resolved": "https://registry.npmmirror.com/@types/node/-/node-26.1.0.tgz",
+      "integrity": "sha512-O0A1G3xPGy4w7AgQdAQYUlQ+BKk2Oovw8eRpofyp5KdBZULnbe+WqaOVNrm705SHphCiG4XHsACrSmPu1f+Kgw==",
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~8.3.0"
+      }
+    },
+    "node_modules/@types/readable-stream": {
+      "version": "4.0.24",
+      "resolved": "https://registry.npmmirror.com/@types/readable-stream/-/readable-stream-4.0.24.tgz",
+      "integrity": "sha512-NRvUNC/JFGPJvqdAfEve8oginbM6V08u5NzLWpG8MwA2kTPOLnqk+wpwuPT+mp3aUsxyuT6m2gnrPuHYCruzEg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/ws": {
+      "version": "8.18.1",
+      "resolved": "https://registry.npmmirror.com/@types/ws/-/ws-8.18.1.tgz",
+      "integrity": "sha512-ThVF6DCVhA8kUGy+aazFQ4kXQ7E1Ty7A3ypFOe0IcJV8O/M511G99AW24irKrW56Wt44yG9+ij8FaqoBGkuBXg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
     "node_modules/@vue/compiler-core": {
       "version": "3.5.35",
       "license": "MIT",
@@ -447,6 +492,18 @@
       "integrity": "sha512-GpSwvyXOcOOlV70vbnzjj4fW5xW/FdUF6nQEt1ENy7m4ZCczi1+/buVUPAqmGfqznsORNFzUMjctTIp8a9tuCQ==",
       "dev": true
     },
+    "node_modules/abort-controller": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/abort-controller/-/abort-controller-3.0.0.tgz",
+      "integrity": "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==",
+      "license": "MIT",
+      "dependencies": {
+        "event-target-shim": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=6.5"
+      }
+    },
     "node_modules/ansi-styles": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
@@ -462,6 +519,38 @@
         "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
+    "node_modules/base64-js": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmmirror.com/base64-js/-/base64-js-1.5.1.tgz",
+      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/bl": {
+      "version": "6.1.6",
+      "resolved": "https://registry.npmmirror.com/bl/-/bl-6.1.6.tgz",
+      "integrity": "sha512-jLsPgN/YSvPUg9UX0Kd73CXpm2Psg9FxMeCSXnk3WBO3CMT10JMwijubhGfHCnFu6TPn1ei3b975dxv7K2pWVg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/readable-stream": "^4.0.0",
+        "buffer": "^6.0.3",
+        "inherits": "^2.0.4",
+        "readable-stream": "^4.2.0"
+      }
+    },
     "node_modules/braces": {
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
@@ -474,6 +563,48 @@
         "node": ">=8"
       }
     },
+    "node_modules/broker-factory": {
+      "version": "3.1.15",
+      "resolved": "https://registry.npmmirror.com/broker-factory/-/broker-factory-3.1.15.tgz",
+      "integrity": "sha512-ko+aWvgNuP49meGrdjUu7rC+Y+Wai3cCPxP3xWwHsHfehFjOh5ZQM2yC4gEB2UddeZ/YXhm0K1eG/L6fxym2Og==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.29.7",
+        "fast-unique-numbers": "^9.0.27",
+        "tslib": "^2.8.1",
+        "worker-factory": "^7.0.50"
+      }
+    },
+    "node_modules/buffer": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmmirror.com/buffer/-/buffer-6.0.3.tgz",
+      "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.2.1"
+      }
+    },
+    "node_modules/buffer-from": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmmirror.com/buffer-from/-/buffer-from-1.1.2.tgz",
+      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
+      "license": "MIT"
+    },
     "node_modules/call-bind": {
       "version": "1.0.9",
       "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.9.tgz",
@@ -583,6 +714,41 @@
       "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
       "dev": true
     },
+    "node_modules/commist": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmmirror.com/commist/-/commist-3.2.0.tgz",
+      "integrity": "sha512-4PIMoPniho+LqXmpS5d3NuGYncG6XWlkBSVGiWycL22dd42OYdUGil2CWuzklaJoNxyxUSpO4MKIBU94viWNAw==",
+      "license": "MIT"
+    },
+    "node_modules/concat-stream": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/concat-stream/-/concat-stream-2.0.0.tgz",
+      "integrity": "sha512-MWufYdFw53ccGjCA+Ol7XJYpAlW6/prSMzuPOTRnJGcGzuhLn4Scrz7qf6o8bROZ514ltazcIFJZevcfbo0x7A==",
+      "engines": [
+        "node >= 6.0"
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "buffer-from": "^1.0.0",
+        "inherits": "^2.0.3",
+        "readable-stream": "^3.0.2",
+        "typedarray": "^0.0.6"
+      }
+    },
+    "node_modules/concat-stream/node_modules/readable-stream": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmmirror.com/readable-stream/-/readable-stream-3.6.2.tgz",
+      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/cross-spawn": {
       "version": "7.0.6",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
@@ -602,6 +768,23 @@
       "license": "MIT",
       "peer": true
     },
+    "node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmmirror.com/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/define-data-property": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
@@ -687,6 +870,37 @@
       "license": "MIT",
       "peer": true
     },
+    "node_modules/event-target-shim": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmmirror.com/event-target-shim/-/event-target-shim-5.0.1.tgz",
+      "integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/events": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmmirror.com/events/-/events-3.3.0.tgz",
+      "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.x"
+      }
+    },
+    "node_modules/fast-unique-numbers": {
+      "version": "9.0.27",
+      "resolved": "https://registry.npmmirror.com/fast-unique-numbers/-/fast-unique-numbers-9.0.27.tgz",
+      "integrity": "sha512-nDA9ADeINN8SA2u2wCtU+siWFTTDqQR37XvgPIDDmboWQeExz7X0mImxuaN+kJddliIqy2FpVRmnvRZ+j8i1/A==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.29.2",
+        "tslib": "^2.8.1"
+      },
+      "engines": {
+        "node": ">=18.2.0"
+      }
+    },
     "node_modules/fill-range": {
       "version": "7.1.1",
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
@@ -831,10 +1045,57 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/help-me": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/help-me/-/help-me-5.0.0.tgz",
+      "integrity": "sha512-7xgomUX6ADmcYzFik0HzAxh/73YlKR9bmFzf51CZwR+b6YtzU2m0u49hQCqV6SvlqIqsaxovfwdvbnsw3b/zpg==",
+      "license": "MIT"
+    },
+    "node_modules/hls.js": {
+      "version": "1.6.16",
+      "resolved": "https://registry.npmmirror.com/hls.js/-/hls.js-1.6.16.tgz",
+      "integrity": "sha512-VSIRpLfRwlAAdGL4wiTucx2ScRipo0ed1FBatWkyt832jC4CReKstga6yIhYVwGu9LOBjuX9wzmRMeQdBJtzEA==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/ieee754": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmmirror.com/ieee754/-/ieee754-1.2.1.tgz",
+      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "BSD-3-Clause"
+    },
     "node_modules/immutable": {
       "version": "5.1.6",
       "license": "MIT"
     },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmmirror.com/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "license": "ISC"
+    },
+    "node_modules/ip-address": {
+      "version": "10.2.0",
+      "resolved": "https://registry.npmmirror.com/ip-address/-/ip-address-10.2.0.tgz",
+      "integrity": "sha512-/+S6j4E9AHvW9SWMSEY9Xfy66O5PWvVEJ08O0y5JGyEKQpojb0K0GKpz/v5HJ/G0vi3D2sjGK78119oXZeE0qA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 12"
+      }
+    },
     "node_modules/is-docker": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
@@ -902,6 +1163,16 @@
       "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
       "dev": true
     },
+    "node_modules/js-sdsl": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmmirror.com/js-sdsl/-/js-sdsl-4.3.0.tgz",
+      "integrity": "sha512-mifzlm2+5nZ+lEcLJMoBK0/IH/bDg8XnJfd/Wq6IP+xoCjLZsTOnV2QpxlVbX9bMnkl5PdEjNtBJ9Cj1NjifhQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/js-sdsl"
+      }
+    },
     "node_modules/json-stable-stringify": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/json-stable-stringify/-/json-stable-stringify-1.3.0.tgz",
@@ -951,6 +1222,12 @@
         "graceful-fs": "^4.1.11"
       }
     },
+    "node_modules/lru-cache": {
+      "version": "10.4.3",
+      "resolved": "https://registry.npmmirror.com/lru-cache/-/lru-cache-10.4.3.tgz",
+      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
+      "license": "ISC"
+    },
     "node_modules/magic-string": {
       "version": "0.30.21",
       "license": "MIT",
@@ -997,11 +1274,59 @@
       "version": "1.2.8",
       "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
       "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
-      "dev": true,
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/mqtt": {
+      "version": "5.15.1",
+      "resolved": "https://registry.npmmirror.com/mqtt/-/mqtt-5.15.1.tgz",
+      "integrity": "sha512-V1WnkGuJh3ec9QXzy5Iylw8OOBK+Xu1WhxcQ9mMpLThG+/JZIMV1PgLNRgIiqXhZnvnVLsuyxHl5A/3bHHbcAA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/readable-stream": "^4.0.21",
+        "@types/ws": "^8.18.1",
+        "commist": "^3.2.0",
+        "concat-stream": "^2.0.0",
+        "debug": "^4.4.1",
+        "help-me": "^5.0.0",
+        "lru-cache": "^10.4.3",
+        "minimist": "^1.2.8",
+        "mqtt-packet": "^9.0.2",
+        "number-allocator": "^1.0.14",
+        "readable-stream": "^4.7.0",
+        "rfdc": "^1.4.1",
+        "socks": "^2.8.6",
+        "split2": "^4.2.0",
+        "worker-timers": "^8.0.23",
+        "ws": "^8.18.3"
+      },
+      "bin": {
+        "mqtt": "build/bin/mqtt.js",
+        "mqtt_pub": "build/bin/pub.js",
+        "mqtt_sub": "build/bin/sub.js"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
+    "node_modules/mqtt-packet": {
+      "version": "9.0.2",
+      "resolved": "https://registry.npmmirror.com/mqtt-packet/-/mqtt-packet-9.0.2.tgz",
+      "integrity": "sha512-MvIY0B8/qjq7bKxdN1eD+nrljoeaai+qjLJgfRn3TiMuz0pamsIWY2bFODPZMSNmabsLANXsLl4EMoWvlaTZWA==",
+      "license": "MIT",
+      "dependencies": {
+        "bl": "^6.0.8",
+        "debug": "^4.3.4",
+        "process-nextick-args": "^2.0.1"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmmirror.com/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "license": "MIT"
+    },
     "node_modules/nanoid": {
       "version": "3.3.12",
       "funding": [
@@ -1024,6 +1349,16 @@
       "license": "MIT",
       "optional": true
     },
+    "node_modules/number-allocator": {
+      "version": "1.0.14",
+      "resolved": "https://registry.npmmirror.com/number-allocator/-/number-allocator-1.0.14.tgz",
+      "integrity": "sha512-OrL44UTVAvkKdOdRQZIJpLkAdjXGTRda052sN4sO77bKEzYYqWKMBjQvrJFzqygI99gL6Z4u2xctPW1tB8ErvA==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.3.1",
+        "js-sdsl": "4.3.0"
+      }
+    },
     "node_modules/object-keys": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
@@ -1137,6 +1472,37 @@
       "dev": true,
       "hasInstallScript": true
     },
+    "node_modules/process": {
+      "version": "0.11.10",
+      "resolved": "https://registry.npmmirror.com/process/-/process-0.11.10.tgz",
+      "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6.0"
+      }
+    },
+    "node_modules/process-nextick-args": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
+      "license": "MIT"
+    },
+    "node_modules/readable-stream": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmmirror.com/readable-stream/-/readable-stream-4.7.0.tgz",
+      "integrity": "sha512-oIGGmcpTLwPga8Bn6/Z75SVaH1z5dUut2ibSyAMVhmUggWpmDn2dapB0n7f8nwaSiRtepAsfJyfXIO5DCVAODg==",
+      "license": "MIT",
+      "dependencies": {
+        "abort-controller": "^3.0.0",
+        "buffer": "^6.0.3",
+        "events": "^3.3.0",
+        "process": "^0.11.10",
+        "string_decoder": "^1.3.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
     "node_modules/readdirp": {
       "version": "5.0.0",
       "license": "MIT",
@@ -1148,6 +1514,32 @@
         "url": "https://paulmillr.com/funding/"
       }
     },
+    "node_modules/rfdc": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmmirror.com/rfdc/-/rfdc-1.4.1.tgz",
+      "integrity": "sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==",
+      "license": "MIT"
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmmirror.com/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
     "node_modules/sass": {
       "version": "1.100.0",
       "resolved": "https://registry.npmjs.org/sass/-/sass-1.100.0.tgz",
@@ -1226,6 +1618,30 @@
         "node": ">=6"
       }
     },
+    "node_modules/smart-buffer": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmmirror.com/smart-buffer/-/smart-buffer-4.2.0.tgz",
+      "integrity": "sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6.0.0",
+        "npm": ">= 3.0.0"
+      }
+    },
+    "node_modules/socks": {
+      "version": "2.8.9",
+      "resolved": "https://registry.npmmirror.com/socks/-/socks-2.8.9.tgz",
+      "integrity": "sha512-LJhUYUvItdQ0LkJTmPeaEObWXAqFyfmP85x0tch/ez9cahmhlBBLbIqDFnvBnUJGagb0JbIQrkBs1wJ+yRYpEw==",
+      "license": "MIT",
+      "dependencies": {
+        "ip-address": "^10.1.1",
+        "smart-buffer": "^4.2.0"
+      },
+      "engines": {
+        "node": ">= 10.0.0",
+        "npm": ">= 3.0.0"
+      }
+    },
     "node_modules/source-map-js": {
       "version": "1.2.1",
       "license": "BSD-3-Clause",
@@ -1233,6 +1649,24 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/split2": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmmirror.com/split2/-/split2-4.2.0.tgz",
+      "integrity": "sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==",
+      "license": "ISC",
+      "engines": {
+        "node": ">= 10.x"
+      }
+    },
+    "node_modules/string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.2.0"
+      }
+    },
     "node_modules/supports-color": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
@@ -1266,6 +1700,24 @@
         "node": ">=8.0"
       }
     },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmmirror.com/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "license": "0BSD"
+    },
+    "node_modules/typedarray": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmmirror.com/typedarray/-/typedarray-0.0.6.tgz",
+      "integrity": "sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==",
+      "license": "MIT"
+    },
+    "node_modules/undici-types": {
+      "version": "8.3.0",
+      "resolved": "https://registry.npmmirror.com/undici-types/-/undici-types-8.3.0.tgz",
+      "integrity": "sha512-j375ScV60dom+YkPFIfTLcOiPxkN/buHz5GobjLhixFuANaNs3C9l4GmrWqejgXWJ7BbJcFYpTEUkS1Ge8bpZQ==",
+      "license": "MIT"
+    },
     "node_modules/universalify": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
@@ -1275,6 +1727,12 @@
         "node": ">= 10.0.0"
       }
     },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "license": "MIT"
+    },
     "node_modules/uview-plus": {
       "version": "3.8.42",
       "resolved": "https://registry.npmjs.org/uview-plus/-/uview-plus-3.8.42.tgz",
@@ -1331,6 +1789,74 @@
         "node": ">= 8"
       }
     },
+    "node_modules/worker-factory": {
+      "version": "7.0.50",
+      "resolved": "https://registry.npmmirror.com/worker-factory/-/worker-factory-7.0.50.tgz",
+      "integrity": "sha512-hhwc0G+sFwM4qBuhJIUBn2p1Jf8v/FwmLUANBf/Q+Lt2uI8mfIZQhXaZQACodQD4R7Zp6cn/6702bIvNn2puJQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.29.7",
+        "fast-unique-numbers": "^9.0.27",
+        "tslib": "^2.8.1"
+      }
+    },
+    "node_modules/worker-timers": {
+      "version": "8.0.33",
+      "resolved": "https://registry.npmmirror.com/worker-timers/-/worker-timers-8.0.33.tgz",
+      "integrity": "sha512-RQVlKkek80v8M6SHvdMKiywaXFmX3XTpYTXTw0r62PdXB06t74XNxcTuG8wsQwnjorAQymNQyyQ0rzv7PykEMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.29.7",
+        "tslib": "^2.8.1",
+        "worker-timers-broker": "^8.0.18",
+        "worker-timers-worker": "^9.0.15"
+      }
+    },
+    "node_modules/worker-timers-broker": {
+      "version": "8.0.18",
+      "resolved": "https://registry.npmmirror.com/worker-timers-broker/-/worker-timers-broker-8.0.18.tgz",
+      "integrity": "sha512-FrjzDVX1wKfZN0gRbCFqv8VHuTncG4sbI/WGEg4tSSQeIsnwqg4YBYWMAHYLJtUDEYYmiK65UKFrVMVk2irDSg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.29.7",
+        "broker-factory": "^3.1.15",
+        "fast-unique-numbers": "^9.0.27",
+        "tslib": "^2.8.1",
+        "worker-timers-worker": "^9.0.15"
+      }
+    },
+    "node_modules/worker-timers-worker": {
+      "version": "9.0.15",
+      "resolved": "https://registry.npmmirror.com/worker-timers-worker/-/worker-timers-worker-9.0.15.tgz",
+      "integrity": "sha512-KKUe7lZ/Aignr51H6hOUik8LwTnIgojH/1lwhli8A8qIEIyewogZTpNpMW5B6BF7nmwBOkUoTYgf1H3QShcjSA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.29.7",
+        "tslib": "^2.8.1",
+        "worker-factory": "^7.0.50"
+      }
+    },
+    "node_modules/ws": {
+      "version": "8.21.0",
+      "resolved": "https://registry.npmmirror.com/ws/-/ws-8.21.0.tgz",
+      "integrity": "sha512-Vsp28b7DRcimFQvrqu2Wek3z1iYxDCWqHYB8Qsnk/S4RfaCQzPGPyBNuVjJV3cd6UiKtUtp6sNM77gWvzcCH+g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/yaml": {
       "version": "2.9.0",
       "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.9.0.tgz",
@@ -1363,6 +1889,11 @@
         "@babel/types": "^7.29.7"
       }
     },
+    "@babel/runtime": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmmirror.com/@babel/runtime/-/runtime-7.29.7.tgz",
+      "integrity": "sha512-Nq8OhGWiZIZGV6hLHoyAKLLcJihP/xFeBMGJoUrxTX2psI8dCifzLhZISFb+VWS3wFMRDmCGw5R+dOySCqPLhw=="
+    },
     "@babel/types": {
       "version": "7.29.7",
       "peer": true,
@@ -1476,6 +2007,35 @@
       "version": "2.5.6",
       "optional": true
     },
+    "@tencentcloud/chat": {
+      "version": "3.6.6",
+      "resolved": "https://registry.npmmirror.com/@tencentcloud/chat/-/chat-3.6.6.tgz",
+      "integrity": "sha512-PYPGUoZHw3GjDgM0N72qr0K/Wjp28HAoGaND077sbUQEwYFaMjZ1tuBQZugFG6v8OS8Ihx71yqNshR3xDHvYaA=="
+    },
+    "@types/node": {
+      "version": "26.1.0",
+      "resolved": "https://registry.npmmirror.com/@types/node/-/node-26.1.0.tgz",
+      "integrity": "sha512-O0A1G3xPGy4w7AgQdAQYUlQ+BKk2Oovw8eRpofyp5KdBZULnbe+WqaOVNrm705SHphCiG4XHsACrSmPu1f+Kgw==",
+      "requires": {
+        "undici-types": "~8.3.0"
+      }
+    },
+    "@types/readable-stream": {
+      "version": "4.0.24",
+      "resolved": "https://registry.npmmirror.com/@types/readable-stream/-/readable-stream-4.0.24.tgz",
+      "integrity": "sha512-NRvUNC/JFGPJvqdAfEve8oginbM6V08u5NzLWpG8MwA2kTPOLnqk+wpwuPT+mp3aUsxyuT6m2gnrPuHYCruzEg==",
+      "requires": {
+        "@types/node": "*"
+      }
+    },
+    "@types/ws": {
+      "version": "8.18.1",
+      "resolved": "https://registry.npmmirror.com/@types/ws/-/ws-8.18.1.tgz",
+      "integrity": "sha512-ThVF6DCVhA8kUGy+aazFQ4kXQ7E1Ty7A3ypFOe0IcJV8O/M511G99AW24irKrW56Wt44yG9+ij8FaqoBGkuBXg==",
+      "requires": {
+        "@types/node": "*"
+      }
+    },
     "@vue/compiler-core": {
       "version": "3.5.35",
       "peer": true,
@@ -1564,6 +2124,14 @@
       "integrity": "sha512-GpSwvyXOcOOlV70vbnzjj4fW5xW/FdUF6nQEt1ENy7m4ZCczi1+/buVUPAqmGfqznsORNFzUMjctTIp8a9tuCQ==",
       "dev": true
     },
+    "abort-controller": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/abort-controller/-/abort-controller-3.0.0.tgz",
+      "integrity": "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==",
+      "requires": {
+        "event-target-shim": "^5.0.0"
+      }
+    },
     "ansi-styles": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
@@ -1573,6 +2141,22 @@
         "color-convert": "^2.0.1"
       }
     },
+    "base64-js": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmmirror.com/base64-js/-/base64-js-1.5.1.tgz",
+      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA=="
+    },
+    "bl": {
+      "version": "6.1.6",
+      "resolved": "https://registry.npmmirror.com/bl/-/bl-6.1.6.tgz",
+      "integrity": "sha512-jLsPgN/YSvPUg9UX0Kd73CXpm2Psg9FxMeCSXnk3WBO3CMT10JMwijubhGfHCnFu6TPn1ei3b975dxv7K2pWVg==",
+      "requires": {
+        "@types/readable-stream": "^4.0.0",
+        "buffer": "^6.0.3",
+        "inherits": "^2.0.4",
+        "readable-stream": "^4.2.0"
+      }
+    },
     "braces": {
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
@@ -1582,6 +2166,31 @@
         "fill-range": "^7.1.1"
       }
     },
+    "broker-factory": {
+      "version": "3.1.15",
+      "resolved": "https://registry.npmmirror.com/broker-factory/-/broker-factory-3.1.15.tgz",
+      "integrity": "sha512-ko+aWvgNuP49meGrdjUu7rC+Y+Wai3cCPxP3xWwHsHfehFjOh5ZQM2yC4gEB2UddeZ/YXhm0K1eG/L6fxym2Og==",
+      "requires": {
+        "@babel/runtime": "^7.29.7",
+        "fast-unique-numbers": "^9.0.27",
+        "tslib": "^2.8.1",
+        "worker-factory": "^7.0.50"
+      }
+    },
+    "buffer": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmmirror.com/buffer/-/buffer-6.0.3.tgz",
+      "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
+      "requires": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.2.1"
+      }
+    },
+    "buffer-from": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmmirror.com/buffer-from/-/buffer-from-1.1.2.tgz",
+      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ=="
+    },
     "call-bind": {
       "version": "1.0.9",
       "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.9.tgz",
@@ -1651,6 +2260,34 @@
       "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
       "dev": true
     },
+    "commist": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmmirror.com/commist/-/commist-3.2.0.tgz",
+      "integrity": "sha512-4PIMoPniho+LqXmpS5d3NuGYncG6XWlkBSVGiWycL22dd42OYdUGil2CWuzklaJoNxyxUSpO4MKIBU94viWNAw=="
+    },
+    "concat-stream": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/concat-stream/-/concat-stream-2.0.0.tgz",
+      "integrity": "sha512-MWufYdFw53ccGjCA+Ol7XJYpAlW6/prSMzuPOTRnJGcGzuhLn4Scrz7qf6o8bROZ514ltazcIFJZevcfbo0x7A==",
+      "requires": {
+        "buffer-from": "^1.0.0",
+        "inherits": "^2.0.3",
+        "readable-stream": "^3.0.2",
+        "typedarray": "^0.0.6"
+      },
+      "dependencies": {
+        "readable-stream": {
+          "version": "3.6.2",
+          "resolved": "https://registry.npmmirror.com/readable-stream/-/readable-stream-3.6.2.tgz",
+          "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+          "requires": {
+            "inherits": "^2.0.3",
+            "string_decoder": "^1.1.1",
+            "util-deprecate": "^1.0.1"
+          }
+        }
+      }
+    },
     "cross-spawn": {
       "version": "7.0.6",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
@@ -1666,6 +2303,14 @@
       "version": "3.2.3",
       "peer": true
     },
+    "debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmmirror.com/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "requires": {
+        "ms": "^2.1.3"
+      }
+    },
     "define-data-property": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
@@ -1721,6 +2366,25 @@
       "version": "2.0.2",
       "peer": true
     },
+    "event-target-shim": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmmirror.com/event-target-shim/-/event-target-shim-5.0.1.tgz",
+      "integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ=="
+    },
+    "events": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmmirror.com/events/-/events-3.3.0.tgz",
+      "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q=="
+    },
+    "fast-unique-numbers": {
+      "version": "9.0.27",
+      "resolved": "https://registry.npmmirror.com/fast-unique-numbers/-/fast-unique-numbers-9.0.27.tgz",
+      "integrity": "sha512-nDA9ADeINN8SA2u2wCtU+siWFTTDqQR37XvgPIDDmboWQeExz7X0mImxuaN+kJddliIqy2FpVRmnvRZ+j8i1/A==",
+      "requires": {
+        "@babel/runtime": "^7.29.2",
+        "tslib": "^2.8.1"
+      }
+    },
     "fill-range": {
       "version": "7.1.1",
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
@@ -1826,9 +2490,34 @@
         "function-bind": "^1.1.2"
       }
     },
+    "help-me": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/help-me/-/help-me-5.0.0.tgz",
+      "integrity": "sha512-7xgomUX6ADmcYzFik0HzAxh/73YlKR9bmFzf51CZwR+b6YtzU2m0u49hQCqV6SvlqIqsaxovfwdvbnsw3b/zpg=="
+    },
+    "hls.js": {
+      "version": "1.6.16",
+      "resolved": "https://registry.npmmirror.com/hls.js/-/hls.js-1.6.16.tgz",
+      "integrity": "sha512-VSIRpLfRwlAAdGL4wiTucx2ScRipo0ed1FBatWkyt832jC4CReKstga6yIhYVwGu9LOBjuX9wzmRMeQdBJtzEA=="
+    },
+    "ieee754": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmmirror.com/ieee754/-/ieee754-1.2.1.tgz",
+      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA=="
+    },
     "immutable": {
       "version": "5.1.6"
     },
+    "inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmmirror.com/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
+    },
+    "ip-address": {
+      "version": "10.2.0",
+      "resolved": "https://registry.npmmirror.com/ip-address/-/ip-address-10.2.0.tgz",
+      "integrity": "sha512-/+S6j4E9AHvW9SWMSEY9Xfy66O5PWvVEJ08O0y5JGyEKQpojb0K0GKpz/v5HJ/G0vi3D2sjGK78119oXZeE0qA=="
+    },
     "is-docker": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
@@ -1873,6 +2562,11 @@
       "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
       "dev": true
     },
+    "js-sdsl": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmmirror.com/js-sdsl/-/js-sdsl-4.3.0.tgz",
+      "integrity": "sha512-mifzlm2+5nZ+lEcLJMoBK0/IH/bDg8XnJfd/Wq6IP+xoCjLZsTOnV2QpxlVbX9bMnkl5PdEjNtBJ9Cj1NjifhQ=="
+    },
     "json-stable-stringify": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/json-stable-stringify/-/json-stable-stringify-1.3.0.tgz",
@@ -1911,6 +2605,11 @@
         "graceful-fs": "^4.1.11"
       }
     },
+    "lru-cache": {
+      "version": "10.4.3",
+      "resolved": "https://registry.npmmirror.com/lru-cache/-/lru-cache-10.4.3.tgz",
+      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ=="
+    },
     "magic-string": {
       "version": "0.30.21",
       "peer": true,
@@ -1945,8 +2644,45 @@
     "minimist": {
       "version": "1.2.8",
       "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
-      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
-      "dev": true
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA=="
+    },
+    "mqtt": {
+      "version": "5.15.1",
+      "resolved": "https://registry.npmmirror.com/mqtt/-/mqtt-5.15.1.tgz",
+      "integrity": "sha512-V1WnkGuJh3ec9QXzy5Iylw8OOBK+Xu1WhxcQ9mMpLThG+/JZIMV1PgLNRgIiqXhZnvnVLsuyxHl5A/3bHHbcAA==",
+      "requires": {
+        "@types/readable-stream": "^4.0.21",
+        "@types/ws": "^8.18.1",
+        "commist": "^3.2.0",
+        "concat-stream": "^2.0.0",
+        "debug": "^4.4.1",
+        "help-me": "^5.0.0",
+        "lru-cache": "^10.4.3",
+        "minimist": "^1.2.8",
+        "mqtt-packet": "^9.0.2",
+        "number-allocator": "^1.0.14",
+        "readable-stream": "^4.7.0",
+        "rfdc": "^1.4.1",
+        "socks": "^2.8.6",
+        "split2": "^4.2.0",
+        "worker-timers": "^8.0.23",
+        "ws": "^8.18.3"
+      }
+    },
+    "mqtt-packet": {
+      "version": "9.0.2",
+      "resolved": "https://registry.npmmirror.com/mqtt-packet/-/mqtt-packet-9.0.2.tgz",
+      "integrity": "sha512-MvIY0B8/qjq7bKxdN1eD+nrljoeaai+qjLJgfRn3TiMuz0pamsIWY2bFODPZMSNmabsLANXsLl4EMoWvlaTZWA==",
+      "requires": {
+        "bl": "^6.0.8",
+        "debug": "^4.3.4",
+        "process-nextick-args": "^2.0.1"
+      }
+    },
+    "ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmmirror.com/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
     },
     "nanoid": {
       "version": "3.3.12",
@@ -1956,6 +2692,15 @@
       "version": "7.1.1",
       "optional": true
     },
+    "number-allocator": {
+      "version": "1.0.14",
+      "resolved": "https://registry.npmmirror.com/number-allocator/-/number-allocator-1.0.14.tgz",
+      "integrity": "sha512-OrL44UTVAvkKdOdRQZIJpLkAdjXGTRda052sN4sO77bKEzYYqWKMBjQvrJFzqygI99gL6Z4u2xctPW1tB8ErvA==",
+      "requires": {
+        "debug": "^4.3.1",
+        "js-sdsl": "4.3.0"
+      }
+    },
     "object-keys": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
@@ -2023,9 +2768,41 @@
       "integrity": "sha512-7hQX6ZlZXIoRiWNrbMQaLzUUfH+sSx39u8EJ9HYuDc1kLo9IXKWjM5RSquZN1ad5GnH8CGFM78fsAAQi3OKEEQ==",
       "dev": true
     },
+    "process": {
+      "version": "0.11.10",
+      "resolved": "https://registry.npmmirror.com/process/-/process-0.11.10.tgz",
+      "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A=="
+    },
+    "process-nextick-args": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag=="
+    },
+    "readable-stream": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmmirror.com/readable-stream/-/readable-stream-4.7.0.tgz",
+      "integrity": "sha512-oIGGmcpTLwPga8Bn6/Z75SVaH1z5dUut2ibSyAMVhmUggWpmDn2dapB0n7f8nwaSiRtepAsfJyfXIO5DCVAODg==",
+      "requires": {
+        "abort-controller": "^3.0.0",
+        "buffer": "^6.0.3",
+        "events": "^3.3.0",
+        "process": "^0.11.10",
+        "string_decoder": "^1.3.0"
+      }
+    },
     "readdirp": {
       "version": "5.0.0"
     },
+    "rfdc": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmmirror.com/rfdc/-/rfdc-1.4.1.tgz",
+      "integrity": "sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA=="
+    },
+    "safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmmirror.com/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ=="
+    },
     "sass": {
       "version": "1.100.0",
       "resolved": "https://registry.npmjs.org/sass/-/sass-1.100.0.tgz",
@@ -2078,9 +2855,36 @@
       "integrity": "sha512-ZYKh3Wh2z1PpEXWr0MpSBZ0V6mZHAQfYevttO11c51CaWjGTaadiKZ+wVt1PbMlDV5qhMFslpZCemhwOK7C89A==",
       "dev": true
     },
+    "smart-buffer": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmmirror.com/smart-buffer/-/smart-buffer-4.2.0.tgz",
+      "integrity": "sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg=="
+    },
+    "socks": {
+      "version": "2.8.9",
+      "resolved": "https://registry.npmmirror.com/socks/-/socks-2.8.9.tgz",
+      "integrity": "sha512-LJhUYUvItdQ0LkJTmPeaEObWXAqFyfmP85x0tch/ez9cahmhlBBLbIqDFnvBnUJGagb0JbIQrkBs1wJ+yRYpEw==",
+      "requires": {
+        "ip-address": "^10.1.1",
+        "smart-buffer": "^4.2.0"
+      }
+    },
     "source-map-js": {
       "version": "1.2.1"
     },
+    "split2": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmmirror.com/split2/-/split2-4.2.0.tgz",
+      "integrity": "sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg=="
+    },
+    "string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "requires": {
+        "safe-buffer": "~5.2.0"
+      }
+    },
     "supports-color": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
@@ -2105,12 +2909,32 @@
         "is-number": "^7.0.0"
       }
     },
+    "tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmmirror.com/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="
+    },
+    "typedarray": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmmirror.com/typedarray/-/typedarray-0.0.6.tgz",
+      "integrity": "sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA=="
+    },
+    "undici-types": {
+      "version": "8.3.0",
+      "resolved": "https://registry.npmmirror.com/undici-types/-/undici-types-8.3.0.tgz",
+      "integrity": "sha512-j375ScV60dom+YkPFIfTLcOiPxkN/buHz5GobjLhixFuANaNs3C9l4GmrWqejgXWJ7BbJcFYpTEUkS1Ge8bpZQ=="
+    },
     "universalify": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
       "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
       "dev": true
     },
+    "util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
+    },
     "uview-plus": {
       "version": "3.8.42",
       "resolved": "https://registry.npmjs.org/uview-plus/-/uview-plus-3.8.42.tgz",
@@ -2144,6 +2968,55 @@
         "isexe": "^2.0.0"
       }
     },
+    "worker-factory": {
+      "version": "7.0.50",
+      "resolved": "https://registry.npmmirror.com/worker-factory/-/worker-factory-7.0.50.tgz",
+      "integrity": "sha512-hhwc0G+sFwM4qBuhJIUBn2p1Jf8v/FwmLUANBf/Q+Lt2uI8mfIZQhXaZQACodQD4R7Zp6cn/6702bIvNn2puJQ==",
+      "requires": {
+        "@babel/runtime": "^7.29.7",
+        "fast-unique-numbers": "^9.0.27",
+        "tslib": "^2.8.1"
+      }
+    },
+    "worker-timers": {
+      "version": "8.0.33",
+      "resolved": "https://registry.npmmirror.com/worker-timers/-/worker-timers-8.0.33.tgz",
+      "integrity": "sha512-RQVlKkek80v8M6SHvdMKiywaXFmX3XTpYTXTw0r62PdXB06t74XNxcTuG8wsQwnjorAQymNQyyQ0rzv7PykEMQ==",
+      "requires": {
+        "@babel/runtime": "^7.29.7",
+        "tslib": "^2.8.1",
+        "worker-timers-broker": "^8.0.18",
+        "worker-timers-worker": "^9.0.15"
+      }
+    },
+    "worker-timers-broker": {
+      "version": "8.0.18",
+      "resolved": "https://registry.npmmirror.com/worker-timers-broker/-/worker-timers-broker-8.0.18.tgz",
+      "integrity": "sha512-FrjzDVX1wKfZN0gRbCFqv8VHuTncG4sbI/WGEg4tSSQeIsnwqg4YBYWMAHYLJtUDEYYmiK65UKFrVMVk2irDSg==",
+      "requires": {
+        "@babel/runtime": "^7.29.7",
+        "broker-factory": "^3.1.15",
+        "fast-unique-numbers": "^9.0.27",
+        "tslib": "^2.8.1",
+        "worker-timers-worker": "^9.0.15"
+      }
+    },
+    "worker-timers-worker": {
+      "version": "9.0.15",
+      "resolved": "https://registry.npmmirror.com/worker-timers-worker/-/worker-timers-worker-9.0.15.tgz",
+      "integrity": "sha512-KKUe7lZ/Aignr51H6hOUik8LwTnIgojH/1lwhli8A8qIEIyewogZTpNpMW5B6BF7nmwBOkUoTYgf1H3QShcjSA==",
+      "requires": {
+        "@babel/runtime": "^7.29.7",
+        "tslib": "^2.8.1",
+        "worker-factory": "^7.0.50"
+      }
+    },
+    "ws": {
+      "version": "8.21.0",
+      "resolved": "https://registry.npmmirror.com/ws/-/ws-8.21.0.tgz",
+      "integrity": "sha512-Vsp28b7DRcimFQvrqu2Wek3z1iYxDCWqHYB8Qsnk/S4RfaCQzPGPyBNuVjJV3cd6UiKtUtp6sNM77gWvzcCH+g==",
+      "requires": {}
+    },
     "yaml": {
       "version": "2.9.0",
       "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.9.0.tgz",
diff --git a/package.json b/package.json
index 2f7c476..2a8ecfc 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
   "license": "ISC",
   "dependencies": {
     "@tencentcloud/chat": "^3.5.5",
+    "hls.js": "^1.6.16",
     "mqtt": "^5.15.0",
     "sass": "^1.89.2",
     "uview-plus": "^3.4.72",
diff --git a/pages.json b/pages.json
index 489b660..49463f6 100644
--- a/pages.json
+++ b/pages.json
@@ -101,13 +101,6 @@
 					"style": {
 							"navigationBarTitleText": "专题"
 					}
-		},
-		{
-			"path": "pages/live/room",
-			"style": {
-				"navigationStyle": "custom",
-				"navigationBarTextStyle": "white"
-			}
 		}
 
 	],
@@ -586,7 +579,15 @@
 						}
 					}
 				},
-			
+				
+				{
+					"path": "live/room",
+					"style": {
+						"navigationStyle": "custom",
+						"navigationBarTextStyle": "white",
+						"disableScroll": true
+					}
+				},
 				 {
 					"path": "joinGroup",
 					"style": {
diff --git a/pages/live/mqtt/mqtt-weixin.js b/pages/live/mqtt/mqtt-weixin.js
deleted file mode 100644
index 52dce81..0000000
--- a/pages/live/mqtt/mqtt-weixin.js
+++ /dev/null
@@ -1,379 +0,0 @@
-import api from "@/config/api.js";
-
-function normalizeSocketUrl(url = "") {
-  return url.replace(/^https:\/\//, "wss://").replace(/^http:\/\//, "ws://");
-}
-
-const mqttEndpoint = normalizeSocketUrl(api.mqtt);
-
-function stringToUtf8Bytes(str = "") {
-  const encoded = encodeURIComponent(String(str));
-  const bytes = [];
-  for (let i = 0; i < encoded.length; i++) {
-    if (encoded[i] === "%") {
-      bytes.push(parseInt(encoded.slice(i + 1, i + 3), 16));
-      i += 2;
-    } else {
-      bytes.push(encoded.charCodeAt(i));
-    }
-  }
-  return bytes;
-}
-
-function utf8BytesToString(bytes) {
-  let encoded = "";
-  bytes.forEach((byte) => {
-    if (byte < 0x80) {
-      encoded += String.fromCharCode(byte);
-    } else {
-      encoded += `%${byte.toString(16).padStart(2, "0")}`;
-    }
-  });
-  try {
-    return decodeURIComponent(encoded);
-  } catch (e) {
-    return "";
-  }
-}
-
-function encodeString(str) {
-  const bytes = stringToUtf8Bytes(str);
-  return [(bytes.length >> 8) & 0xff, bytes.length & 0xff, ...bytes];
-}
-
-function encodeRemainingLength(length) {
-  const bytes = [];
-  do {
-    let digit = length % 128;
-    length = Math.floor(length / 128);
-    if (length > 0) digit |= 0x80;
-    bytes.push(digit);
-  } while (length > 0);
-  return bytes;
-}
-
-function toArrayBuffer(bytes) {
-  return new Uint8Array(bytes).buffer;
-}
-
-function decodeRemainingLength(bytes, offset = 1) {
-  let multiplier = 1;
-  let value = 0;
-  let index = offset;
-  let digit = 0;
-  do {
-    digit = bytes[index++];
-    value += (digit & 127) * multiplier;
-    multiplier *= 128;
-  } while ((digit & 128) !== 0 && index < bytes.length);
-  return { value, bytesUsed: index - offset, nextIndex: index };
-}
-
-class MqttClient {
-  constructor(options = {}) {
-    const defaultOptions = {
-      endpoint: mqttEndpoint,
-      username: "admin",
-      password: "hivemq",
-      keepalive: 30,
-      clean: true,
-      connectTimeout: 20000,
-      topicHandlers: [],
-    };
-
-    this.options = { ...defaultOptions, ...options };
-    this.socketTask = null;
-    this.connected = false;
-    this.connecting = false;
-    this.manualDisconnect = false;
-    this.packetId = 1;
-    this.topics = [];
-    this.pingTimer = null;
-    this.connectTimeoutTimer = null;
-
-    this.onConnectCallback = null;
-    this.onErrorCallback = null;
-    this.onCloseCallback = null;
-    this.onOfflineCallback = null;
-    this.onMessageCallback = null;
-  }
-
-  connect() {
-    if (!this.options.endpoint) {
-      this.onError(new Error("MQTT 地址未配置，请检查 config/api.js 的 mqtt 字段"));
-      return this;
-    }
-
-    this.disconnect();
-    this.manualDisconnect = false;
-    this.connecting = true;
-
-    console.log("[MQTT-MP] 开始连接:", this.options.endpoint);
-    this.socketTask = uni.connectSocket({
-      url: this.options.endpoint,
-      protocols: ["mqtt"],
-      success: () => {},
-      fail: (error) => this.onError(error),
-    });
-
-    this.socketTask.onOpen(() => {
-      this.sendConnectPacket();
-      this.connectTimeoutTimer = setTimeout(() => {
-        if (!this.connected) {
-          this.onError(new Error("连接超时"));
-          this.disconnect();
-        }
-      }, this.options.connectTimeout);
-    });
-
-    this.socketTask.onMessage((event) => {
-      this.handlePacket(event.data);
-    });
-
-    this.socketTask.onError((error) => {
-      this.onError(error);
-    });
-
-    this.socketTask.onClose(() => {
-      this.clearTimers();
-      this.connected = false;
-      this.connecting = false;
-      if (!this.manualDisconnect) {
-        this.onCloseCallback?.();
-      }
-    });
-
-    return this;
-  }
-
-  sendConnectPacket() {
-    const variableHeader = [
-      ...encodeString("MQTT"),
-      0x04,
-      (this.options.username ? 0x80 : 0) |
-        (this.options.password ? 0x40 : 0) |
-        (this.options.clean ? 0x02 : 0),
-      (this.options.keepalive >> 8) & 0xff,
-      this.options.keepalive & 0xff,
-    ];
-    const payload = [
-      ...encodeString(this.options.clientId),
-      ...(this.options.username ? encodeString(this.options.username) : []),
-      ...(this.options.password ? encodeString(this.options.password) : []),
-    ];
-    const body = [...variableHeader, ...payload];
-    this.sendBytes([0x10, ...encodeRemainingLength(body.length), ...body]);
-  }
-
-  subscribeToTopics() {
-    this.options.topicHandlers.forEach(({ topic, qos = 0, handler }) => {
-      this.subscribe(topic, { qos }, handler);
-    });
-  }
-
-  subscribe(topic, options = { qos: 0 }, handler) {
-    if (!this.isClientValid()) {
-      console.warn("[MQTT-MP] 客户端无效，无法订阅");
-      return false;
-    }
-
-    const qos = options.qos || 0;
-    const packetId = this.nextPacketId();
-    const payload = [...encodeString(topic), qos];
-    const variableHeader = [(packetId >> 8) & 0xff, packetId & 0xff];
-    const body = [...variableHeader, ...payload];
-    this.sendBytes([0x82, ...encodeRemainingLength(body.length), ...body]);
-
-    const idx = this.topics.findIndex((item) => item.topic === topic);
-    if (idx >= 0) {
-      this.topics[idx] = { topic, qos, handler };
-    } else {
-      this.topics.push({ topic, qos, handler });
-    }
-    console.log(`[MQTT-MP] 订阅发送: ${topic}`);
-    return true;
-  }
-
-  sendBytes(bytes) {
-    if (!this.socketTask) return;
-    this.socketTask.send({
-      data: toArrayBuffer(bytes),
-      fail: (error) => this.onError(error),
-    });
-  }
-
-  handlePacket(data) {
-    const bytes = new Uint8Array(data);
-    const packetType = bytes[0] >> 4;
-    const flags = bytes[0] & 0x0f;
-    const remaining = decodeRemainingLength(bytes);
-    let index = remaining.nextIndex;
-
-    if (packetType === 2) {
-      const returnCode = bytes[index + 1];
-      if (returnCode === 0) {
-        this.connected = true;
-        this.connecting = false;
-        this.clearConnectTimeout();
-        this.startPing();
-        this.subscribeToTopics();
-        this.onConnectCallback?.();
-      } else {
-        this.onError(new Error(`CONNACK 失败: ${returnCode}`));
-      }
-      return;
-    }
-
-    if (packetType === 3) {
-      const topicLength = (bytes[index] << 8) + bytes[index + 1];
-      index += 2;
-      const topic = utf8BytesToString(Array.from(bytes.slice(index, index + topicLength)));
-      index += topicLength;
-
-      const qos = (flags >> 1) & 0x03;
-      let packetId = 0;
-      if (qos > 0) {
-        packetId = (bytes[index] << 8) + bytes[index + 1];
-        index += 2;
-      }
-
-      const payloadEnd = remaining.nextIndex + remaining.value;
-      const message = utf8BytesToString(Array.from(bytes.slice(index, payloadEnd)));
-      this.dispatchMessage(topic, message);
-
-      if (qos === 1 && packetId) {
-        this.sendBytes([0x40, 0x02, (packetId >> 8) & 0xff, packetId & 0xff]);
-      }
-      return;
-    }
-
-    if (packetType === 9) {
-      console.log("[MQTT-MP] 订阅确认");
-    }
-  }
-
-  dispatchMessage(topic, message) {
-    this.options.topicHandlers
-      .filter((handler) => handler.topic === topic || this.matchTopicPattern(handler.topic, topic))
-      .forEach((handler) => {
-        try {
-          handler.handler(message, topic);
-        } catch (error) {
-          console.error(`[MQTT-MP] 处理主题 ${topic} 消息失败:`, error);
-        }
-      });
-    this.onMessageCallback?.(topic, message);
-  }
-
-  matchTopicPattern(pattern, topic) {
-    const regex = new RegExp(
-      `^${pattern
-        .replace(/\+/g, "[^/]+")
-        .replace(/#$/, ".*")
-        .replace(/\//g, "\\/")}$`
-    );
-    return regex.test(topic);
-  }
-
-  nextPacketId() {
-    this.packetId += 1;
-    if (this.packetId > 65535) this.packetId = 1;
-    return this.packetId;
-  }
-
-  startPing() {
-    this.stopPing();
-    this.pingTimer = setInterval(() => {
-      if (this.connected) {
-        this.sendBytes([0xc0, 0x00]);
-      }
-    }, Math.max(10000, (this.options.keepalive * 1000) / 2));
-  }
-
-  stopPing() {
-    if (this.pingTimer) {
-      clearInterval(this.pingTimer);
-      this.pingTimer = null;
-    }
-  }
-
-  clearConnectTimeout() {
-    if (this.connectTimeoutTimer) {
-      clearTimeout(this.connectTimeoutTimer);
-      this.connectTimeoutTimer = null;
-    }
-  }
-
-  clearTimers() {
-    this.stopPing();
-    this.clearConnectTimeout();
-  }
-
-  disconnect() {
-    this.manualDisconnect = true;
-    this.clearTimers();
-
-    if (this.socketTask) {
-      try {
-        if (this.connected) {
-          this.sendBytes([0xe0, 0x00]);
-        }
-        this.socketTask.close({});
-      } catch (error) {
-        console.warn("[MQTT-MP] 断开连接异常:", error);
-      }
-    }
-
-    this.socketTask = null;
-    this.connected = false;
-    this.connecting = false;
-    this.topics = [];
-    return this;
-  }
-
-  onError(error) {
-    console.error("[MQTT-MP] 错误:", error?.message || error);
-    this.connecting = false;
-    this.onErrorCallback?.(error);
-  }
-
-  isClientValid() {
-    return this.socketTask && this.connected;
-  }
-
-  onConnected(callback) {
-    this.onConnectCallback = callback;
-    return this;
-  }
-
-  onErrorOccurred(callback) {
-    this.onErrorCallback = callback;
-    return this;
-  }
-
-  onClosed(callback) {
-    this.onCloseCallback = callback;
-    return this;
-  }
-
-  onClientOffline(callback) {
-    this.onOfflineCallback = callback;
-    return this;
-  }
-
-  isConnected() {
-    return this.connected;
-  }
-}
-
-let mqttInstance = null;
-
-export function createMqttClient(options = {}) {
-  if (mqttInstance && mqttInstance.isConnected()) {
-    mqttInstance.disconnect();
-  }
-  mqttInstance = new MqttClient(options);
-  return mqttInstance;
-}
-
-export { MqttClient };
diff --git a/pages/live/utils/liveSetting.js b/pages/live/utils/liveSetting.js
deleted file mode 100644
index 164d585..0000000
--- a/pages/live/utils/liveSetting.js
+++ /dev/null
@@ -1,34 +0,0 @@
-import { getLiveSetting } from "@/api/live.js";
-
-let cachedSetting = null;
-let fetchingPromise = null;
-
-export async function fetchLiveSetting(force = false) {
-  if (!force && cachedSetting) return cachedSetting;
-  if (!force && fetchingPromise) return fetchingPromise;
-
-  fetchingPromise = (async () => {
-    try {
-      const res = await getLiveSetting();
-      if (res.data?.success && res.data?.result) {
-        cachedSetting = res.data.result;
-        return cachedSetting;
-      }
-      console.warn("获取直播配置失败", res.data);
-      return null;
-    } catch (error) {
-      console.error("获取直播配置异常:", error);
-      return null;
-    } finally {
-      fetchingPromise = null;
-    }
-  })();
-
-  return fetchingPromise;
-}
-
-export function resolveSdkAppId(setting) {
-  if (!setting?.imSdkAppid) return 0;
-  const id = Number(setting.imSdkAppid);
-  return Number.isNaN(id) ? 0 : id;
-}
diff --git a/pages/live/live-vertical.scss b/pages/promotion/live/live-vertical.scss
similarity index 84%
rename from pages/live/live-vertical.scss
rename to pages/promotion/live/live-vertical.scss
index 39f7bc9..ec7a915 100644
--- a/pages/live/live-vertical.scss
+++ b/pages/promotion/live/live-vertical.scss
@@ -1,6 +1,7 @@
 .live-room-page {
   width: 100%;
-  min-height: 100vh;
+  height: 100vh;
+  overflow: hidden;
 }
 
 .live-detail-page-vertical {
@@ -51,11 +52,10 @@
 
 .bottom-container-vertical {
   position: absolute;
-  bottom: 0;
+  bottom: calc(104rpx + env(safe-area-inset-bottom));
   left: 0;
   right: 0;
   z-index: 10;
-  padding-bottom: env(safe-area-inset-bottom);
   background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent);
   transition: transform 0.3s ease, opacity 0.3s ease;
 
@@ -67,7 +67,14 @@
 }
 
 .bottom-container-vertical .message-container {
+  height: 36vh;
+  overflow: hidden;
   padding: 0 24rpx;
+  box-sizing: border-box;
+}
+
+.bottom-container-vertical .message-scroll {
+  height: 100%;
 }
 
 .bottom-container-vertical .message-item {
@@ -90,6 +97,12 @@
   z-index: 20;
 }
 
+.bottom-container-vertical .cart-btn-inner {
+  box-shadow:
+    0 8rpx 24rpx rgba(0, 0, 0, 0.35),
+    0 0 0 2rpx rgba(255, 255, 255, 0.12);
+}
+
 .product-showcase {
   margin: 0 24rpx 16rpx;
   padding: 16rpx;
@@ -166,9 +179,22 @@
   }
 }
 
-.bottom-container-vertical .bottom-actions {
-  background: transparent;
+.bottom-container-vertical .bottom-actions,
+.bottom-actions-vertical {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 30;
+  background: rgba(0, 0, 0, 0.45);
   border-top: none;
+  transition: transform 0.3s ease, opacity 0.3s ease;
+
+  &.hidden {
+    transform: translateY(100%);
+    opacity: 0;
+    pointer-events: none;
+  }
 }
 
 .bottom-container-vertical .input-box {
diff --git a/pages/live/live.scss b/pages/promotion/live/live.scss
similarity index 80%
rename from pages/live/live.scss
rename to pages/promotion/live/live.scss
index dd21dbb..18055ad 100644
--- a/pages/live/live.scss
+++ b/pages/promotion/live/live.scss
@@ -17,7 +17,8 @@ $border-color: #eee;
 .live-detail-page {
   display: flex;
   flex-direction: column;
-  min-height: 100vh;
+  height: 100vh;
+  overflow: hidden;
   background: #fff;
 }
 
@@ -121,6 +122,12 @@ $border-color: #eee;
   flex-direction: column;
   position: relative;
   background: #fff;
+  min-height: 0;
+  overflow: hidden;
+
+  &.has-chat-bar {
+    padding-bottom: calc(104rpx + env(safe-area-inset-bottom));
+  }
 }
 
 .tab-container {
@@ -162,6 +169,8 @@ $border-color: #eee;
 
 .message-container {
   flex: 1;
+  min-height: 0;
+  height: 0;
   overflow: hidden;
 }
 
@@ -280,20 +289,32 @@ $border-color: #eee;
 .cart-btn {
   display: flex;
   justify-content: flex-end;
+  flex-shrink: 0;
 }
 
 .cart-btn-inner {
-  width: 106rpx;
-  height: 116rpx;
+  width: 96rpx;
+  height: 96rpx;
   background: linear-gradient(135deg, #ff6b35, #ff9f28);
   border-radius: 50%;
+  overflow: hidden;
   display: flex;
   align-items: center;
   justify-content: center;
   box-shadow: 0 8rpx 24rpx rgba(255, 107, 53, 0.35);
+  transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
+
+  &:active {
+    transform: scale(0.92);
+  }
 }
 
 .bottom-actions {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 60;
   display: flex;
   align-items: center;
   padding: 16rpx 24rpx;
@@ -398,6 +419,11 @@ $border-color: #eee;
   flex-direction: column;
 }
 
+.coupon-list-container {
+  max-height: 80vh;
+  box-shadow: 0 -10rpx 40rpx rgba(0, 0, 0, 0.08);
+}
+
 .goods-list-header,
 .coupon-list-header {
   display: flex;
@@ -408,6 +434,12 @@ $border-color: #eee;
   border-radius: 32rpx 32rpx 0 0;
 }
 
+.coupon-list-header {
+  padding: 40rpx 40rpx 32rpx;
+  background: #f7f8fa;
+  border-bottom: 1rpx solid #eceef2;
+}
+
 .goods-list-title,
 .coupon-list-title {
   font-size: 34rpx;
@@ -415,6 +447,13 @@ $border-color: #eee;
   color: #333;
 }
 
+.coupon-list-title {
+  font-size: 36rpx;
+  font-weight: 800;
+  color: #111;
+  letter-spacing: 1rpx;
+}
+
 .goods-list-close,
 .coupon-list-close {
   font-size: 36rpx;
@@ -422,6 +461,25 @@ $border-color: #eee;
   padding: 8rpx;
 }
 
+.coupon-list-close {
+  width: 56rpx;
+  height: 56rpx;
+  padding: 0;
+  background: #e5e6eb;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 28rpx;
+  color: #666;
+  font-weight: bold;
+  line-height: 1;
+
+  &:active {
+    background: #d5d6db;
+  }
+}
+
 .goods-list-scroll,
 .coupon-list-scroll {
   flex: 1;
@@ -535,8 +593,18 @@ $border-color: #eee;
   color: #999;
 }
 
+.coupon-empty {
+  padding: 120rpx 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 24rpx;
+  color: #8a8f99;
+  font-weight: 500;
+}
+
 .coupon-list-inner {
-  padding: 0 32rpx 48rpx;
+  padding: 24rpx 32rpx 48rpx;
 }
 
 .coupon-card {
@@ -546,48 +614,124 @@ $border-color: #eee;
   border-radius: 24rpx;
   margin-bottom: 24rpx;
   position: relative;
-  box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.03);
+  box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.06);
+  border: 1rpx solid #f0f1f5;
+  overflow: hidden;
+  transition:
+    transform 0.2s ease,
+    box-shadow 0.2s ease;
+
+  &:active {
+    transform: scale(0.98);
+  }
+
+  &::before,
+  &::after {
+    content: "";
+    position: absolute;
+    width: 32rpx;
+    height: 32rpx;
+    background: #f7f8fa;
+    border-radius: 50%;
+    left: 204rpx;
+    z-index: 2;
+    box-shadow: inset 0 0 0 1rpx #eceef2;
+  }
+
+  &::before {
+    top: -16rpx;
+  }
+
+  &::after {
+    bottom: -16rpx;
+  }
 }
 
 .coupon-card-left {
   width: 220rpx;
-  min-height: 160rpx;
+  min-height: 180rpx;
   display: flex;
   align-items: center;
   justify-content: center;
-  color: #ff3b30;
   flex-shrink: 0;
+  color: #ff3b30;
+  position: relative;
+  background: linear-gradient(135deg, #fff5f5 0%, #ffecec 100%);
+}
+
+.coupon-price-symbol {
+  font-size: 32rpx;
+  font-weight: 700;
+  margin-right: 4rpx;
 }
 
 .coupon-price-value {
   font-size: 56rpx;
   font-weight: 900;
+  line-height: 1;
+  letter-spacing: -1rpx;
+}
+
+.coupon-divider {
+  position: absolute;
+  left: 220rpx;
+  top: 24rpx;
+  bottom: 24rpx;
+  width: 0;
+  border-left: 2rpx dashed #e5e6eb;
+  z-index: 1;
 }
 
 .coupon-card-right {
   flex: 1;
-  padding: 32rpx;
+  padding: 32rpx 32rpx 32rpx 40rpx;
   display: flex;
   align-items: center;
   justify-content: space-between;
+  gap: 20rpx;
+  background: #fff;
+}
+
+.coupon-info {
+  display: flex;
+  flex-direction: column;
+  gap: 12rpx;
+  flex: 1;
+  min-width: 0;
 }
 
 .coupon-card-name {
   font-size: 30rpx;
   color: #111;
   font-weight: 700;
+  line-height: 1.3;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.coupon-card-desc {
+  font-size: 24rpx;
+  color: #8a8f99;
+  font-weight: 500;
 }
 
 .coupon-claim-btn {
-  padding: 12rpx 28rpx;
+  flex-shrink: 0;
+  padding: 16rpx 32rpx;
   border-radius: 40rpx;
   font-size: 26rpx;
+  font-weight: 700;
   color: #fff;
-  background: #111;
+  background: linear-gradient(135deg, #ff6b35, #ff4b2b);
+  box-shadow: 0 8rpx 16rpx rgba(255, 75, 43, 0.25);
 
   &.disabled {
-    background: #f0f0f0;
-    color: #999;
+    background: #eceef2;
+    color: #8a8f99;
+    box-shadow: none;
+    border: 1rpx solid #dfe1e6;
   }
 }
 
@@ -736,16 +880,19 @@ $border-color: #eee;
   display: flex;
   height: 180rpx;
   overflow: hidden;
+  position: relative;
 }
 
 .rc-ticket-left {
   width: 180rpx;
+  flex-shrink: 0;
   display: flex;
   align-items: baseline;
   justify-content: center;
   color: #ff4b2b;
+  background: linear-gradient(135deg, #fff5f5 0%, #ffecec 100%);
   border-right: 2rpx dashed #ffcaca;
-  flex-shrink: 0;
+  position: relative;
 }
 
 .rc-symbol {
@@ -765,12 +912,13 @@ $border-color: #eee;
   padding: 0 24rpx;
   display: flex;
   align-items: center;
+  background: #fff;
 }
 
 .rc-name {
   font-size: 30rpx;
-  color: #333;
-  font-weight: 600;
+  color: #111;
+  font-weight: 700;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
@@ -796,8 +944,9 @@ $border-color: #eee;
   box-shadow: 0 8rpx 24rpx rgba(255, 65, 108, 0.25);
 
   &.disabled {
-    background: #f0f0f0;
-    color: #999;
+    background: #eceef2;
+    color: #8a8f99;
     box-shadow: none;
+    border: 1rpx solid #dfe1e6;
   }
 }
diff --git a/pages/live/mqtt/mqtt.js b/pages/promotion/live/mqtt/mqtt.js
similarity index 100%
rename from pages/live/mqtt/mqtt.js
rename to pages/promotion/live/mqtt/mqtt.js
diff --git a/pages/live/room.vue b/pages/promotion/live/room.vue
similarity index 79%
rename from pages/live/room.vue
rename to pages/promotion/live/room.vue
index 9986c2b..eafba60 100644
--- a/pages/live/room.vue
+++ b/pages/promotion/live/room.vue
@@ -33,10 +33,20 @@
           autoplay
           mode="live"
           object-fit="fillCrop"
+          :min-cache="1"
+          :max-cache="3"
           @error="onPlayerError"
         />
         <!-- #endif -->
-        <!-- #ifndef MP-WEIXIN -->
+        <!-- #ifdef H5 -->
+        <div
+          v-if="isLiving && roomInfo.pullStreamUrl"
+          ref="hlsContainer"
+          class="stream-player"
+          style="width: 100%; height: 100%; background: #000"
+        />
+        <!-- #endif -->
+        <!-- #ifdef APP-PLUS -->
         <video
           v-if="isLiving && roomInfo.pullStreamUrl"
           class="stream-player"
@@ -58,7 +68,7 @@
     </view>
 
     <view class="bottom-container-vertical" :class="{ hidden: !isUIVisible }" @click.stop>
-      <view class="message-container" :style="{ height: scrollViewHeight + 'px' }">
+      <view class="message-container">
         <scroll-view class="message-scroll" scroll-y :scroll-into-view="scrollToView" scroll-with-animation>
           <view
             v-for="(item, index) in messageList"
@@ -104,22 +114,22 @@
           </view>
         </view>
       </view>
+    </view>
 
-      <view v-if="showChatBar" class="bottom-actions">
-        <view class="input-box" @tap="onChatInputTap">
-          <input
-            v-model="inputMessage"
-            class="input-content"
-            type="text"
-            :placeholder="chatPlaceholder"
-            :disabled="isLogin('auth') && liveUser?.muteFlag"
-            confirm-type="send"
-            @focus="onChatFocus"
-            @confirm="sendMessage"
-          />
-        </view>
-        <view class="send-btn-small" :class="{ disabled: isLogin('auth') && (!canSend || sending) }" @click="sendMessage">发送</view>
+    <view v-if="showChatBar" class="bottom-actions bottom-actions-vertical" :class="{ hidden: !isUIVisible }">
+      <view class="input-box" @tap="onChatInputTap">
+        <input
+          v-model="inputMessage"
+          class="input-content"
+          type="text"
+          :placeholder="chatPlaceholder"
+          :disabled="isLogin('auth') && liveUser?.muteFlag"
+          confirm-type="send"
+          @focus="onChatFocus"
+          @confirm="sendMessage"
+        />
       </view>
+      <view class="send-btn-small" :class="{ disabled: isLogin('auth') && (!canSend || sending) }" @click="sendMessage">发送</view>
     </view>
 
     <!-- 竖屏底部弹窗 -->
@@ -215,10 +225,20 @@
           autoplay
           mode="live"
           :object-fit="objectFit"
+          :min-cache="1"
+          :max-cache="3"
           @error="onPlayerError"
         />
         <!-- #endif -->
-        <!-- #ifndef MP-WEIXIN -->
+        <!-- #ifdef H5 -->
+        <div
+          v-if="isLiving && roomInfo.pullStreamUrl"
+          ref="hlsContainer"
+          class="stream-player"
+          style="width: 100%; height: 100%; background: #000"
+        />
+        <!-- #endif -->
+        <!-- #ifdef APP-PLUS -->
         <video
           v-if="isLiving && roomInfo.pullStreamUrl"
           class="stream-player"
@@ -234,7 +254,7 @@
       </view>
     </view>
 
-    <view class="bottom-container">
+    <view class="bottom-container" :class="{ 'has-chat-bar': currentTab === 0 && showChatBar }">
       <view class="tab-container">
         <view class="tab-items">
           <view class="tab-item" :class="{ active: currentTab === 0 }" @click="switchTab(0)">
@@ -246,7 +266,7 @@
         </view>
       </view>
 
-      <view class="message-container" :style="{ height: scrollViewHeight + 'px' }">
+      <view class="message-container">
         <scroll-view
           v-if="currentTab === 0"
           class="message-scroll"
@@ -421,10 +441,16 @@
         <view class="coupon-list-inner">
           <view v-for="item in visibleCouponList" :key="item.id || item.couponId" class="coupon-card">
             <view class="coupon-card-left">
-              <text class="coupon-price-value"><text style="font-size:28rpx">¥</text>{{ unitPrice(item.couponPrice) }}</text>
+              <text class="coupon-price-value">
+                <text class="coupon-price-symbol">¥</text>{{ unitPrice(item.couponPrice) }}
+              </text>
             </view>
+            <view class="coupon-divider" />
             <view class="coupon-card-right">
-              <text class="coupon-card-name">{{ item.couponName }}</text>
+              <view class="coupon-info">
+                <text class="coupon-card-name">{{ item.couponName }}</text>
+                <text class="coupon-card-desc">限时专享优惠</text>
+              </view>
               <view
                 class="coupon-claim-btn"
                 :class="{ disabled: isCouponReceived(item.couponId) || claimingCouponId === item.couponId }"
@@ -448,10 +474,14 @@
 
 <script>
 import config from "@/config/config";
-import { getLivePollingData, registerLiveViewUser, receiveLiveCoupon, sendLiveMessage } from "@/api/live.js";
+import { getLiveRoomById, getLivePollingData, registerLiveViewUser, receiveLiveCoupon, sendLiveMessage } from "@/api/live.js";
 import { LiveMqttService } from "./utils/liveMqtt.js";
 import { LiveChatService } from "./utils/liveChat.js";
+import { seedLiveSetting } from "./utils/liveSetting.js";
 import { parseRecommendMessageArray, findRecommendPayload } from "./utils/liveRecommend.js";
+// #ifdef H5
+import Hls from "hls.js";
+// #endif
 
 const POLL_INTERVAL = 5000;
 
@@ -485,7 +515,6 @@ export default {
       liveCoupon: [],
       liveCouponReceives: [],
       currentTab: 0,
-      scrollViewHeight: 400,
       showGoodsModal: false,
       showCouponModal: false,
       isUIVisible: true,
@@ -499,6 +528,8 @@ export default {
       shownRecommendCouponIds: [],
       liveMqttService: null,
       liveChatService: null,
+      hlsHttpFallbackUsed: false,
+      lastHlsPullUrl: "",
     };
   },
   computed: {
@@ -559,10 +590,27 @@ export default {
       return this.visibleCouponList.some((item) => !this.isCouponReceived(item.couponId));
     },
   },
+  created() {
+    // hls.js 播放器实例与视频节点不经过 Vue 响应式代理，避免干扰其内部状态管理
+    this.hlsInstance = null;
+    this.hlsVideoElement = null;
+    this._hlsVideoClickHandler = null;
+  },
+  watch: {
+    "roomInfo.pullStreamUrl"() {
+      this.syncH5Player();
+    },
+    isLiving() {
+      this.syncH5Player();
+    },
+    isVerticalMode() {
+      // 横竖屏模板切换会销毁重建播放器容器 DOM，需重新挂载播放器
+      this.lastHlsPullUrl = "";
+      this.$nextTick(() => this.syncH5Player());
+    },
+  },
   onLoad(options) {
     this.liveId = this.parseLiveId(options);
-    const systemInfo = uni.getSystemInfoSync();
-    this.scrollViewHeight = Math.max(systemInfo.windowHeight - (this.isVerticalMode ? 320 : 480), 240);
 
     if (!this.liveId) {
       uni.showToast({ title: "无效的直播链接", icon: "none" });
@@ -583,18 +631,19 @@ export default {
     if (this.liveId && !this.pollTimer) {
       this.startPolling();
     }
-    if (this.liveId && !this.loading && this.roomInfo?.liveStatus !== LIVE_STATUS.ENDED) {
+    if (this.liveId && this.liveMqttService && !this.liveMqttService.isConnected()) {
       this.initLiveMqtt();
     }
+    this.syncH5Player();
   },
   onHide() {
     this.stopPolling();
-    this.cleanupLiveMqtt();
   },
   onUnload() {
     this.stopPolling();
     this.cleanupLiveMqtt();
     this.cleanupLiveChat();
+    this.destroyH5HlsPlayer();
   },
   // #ifdef MP-WEIXIN
   onShareTimeline() {
@@ -752,22 +801,19 @@ export default {
       // #endif
     },
     async initLiveRoom() {
-      const ok = await this.fetchPollingData(true);
+      const ok = await this.fetchRoomDetail(true);
       if (!ok) return;
+      await this.fetchPollingData(false);
       this.setupShare();
       if (this.roomInfo.title) {
         uni.setNavigationBarTitle({ title: this.roomInfo.title });
       }
-      const systemInfo = uni.getSystemInfoSync();
-      this.scrollViewHeight = Math.max(
-        systemInfo.windowHeight - (this.isVerticalMode ? 320 : 480),
-        240
-      );
       if (this.isLogin("auth")) {
         await this.registerLiveUser();
       }
       this.startPolling();
       this.initLiveMqtt();
+      this.syncH5Player();
     },
     async initLiveChat() {
       if (!this.isLogin("auth")) return;
@@ -886,6 +932,7 @@ export default {
         if (updates.liveStatus === LIVE_STATUS.ENDED) {
           this.stopPolling();
         }
+        this.syncH5Player();
       } catch (error) {
         console.error("处理直播 MQTT 消息失败:", error);
       }
@@ -921,6 +968,7 @@ export default {
       if (this.roomInfo.liveStatus !== LIVE_STATUS.LIVING) {
         this.roomInfo = { ...this.roomInfo, liveStatus: LIVE_STATUS.LIVING };
       }
+      this.syncH5Player();
     },
     startPolling() {
       this.stopPolling();
@@ -958,22 +1006,20 @@ export default {
       if (this.roomInfo.liveStatus === LIVE_STATUS.ENDED) {
         this.stopPolling();
       }
+      this.syncH5Player();
     },
-    async fetchPollingData(isInit = false) {
+    async fetchRoomDetail(isInit = false) {
       if (isInit) this.loading = true;
       try {
-        const res = await getLivePollingData(this.liveId);
-        if (res.data.success && res.data.result) {
-          this.applyPollingData(res.data.result);
-          if (isInit && !res.data.result.liveDetail) {
-            uni.showToast({ title: "直播间不存在", icon: "none" });
-            setTimeout(() => this.goBackOrHome(), 1500);
-            return false;
-          }
+        const res = await getLiveRoomById(this.liveId);
+        if (res.data?.success && res.data?.result) {
+          this.roomInfo = res.data.result;
+          seedLiveSetting(this.liveId, res.data.result);
+          this.syncH5Player();
           return true;
         }
         if (isInit) {
-          uni.showToast({ title: res.data.message || "直播间不存在", icon: "none" });
+          uni.showToast({ title: res.data?.message || "直播间不存在", icon: "none" });
           setTimeout(() => this.goBackOrHome(), 1500);
         }
         return false;
@@ -986,6 +1032,21 @@ export default {
         if (isInit) this.loading = false;
       }
     },
+    async fetchPollingData(isInit = false) {
+      if (isInit) this.loading = true;
+      try {
+        const res = await getLivePollingData(this.liveId);
+        if (res.data.success && res.data.result) {
+          this.applyPollingData(res.data.result);
+          return true;
+        }
+        return false;
+      } catch (e) {
+        return false;
+      } finally {
+        if (isInit) this.loading = false;
+      }
+    },
     goGoods(item) {
       if (this.isGoodsSoldOut(item)) return;
       if (!item.canBuyFlag) {
@@ -1017,6 +1078,164 @@ export default {
       console.error("live player error:", e.detail);
       uni.showToast({ title: "直播加载失败", icon: "none" });
     },
+    /** 根据当前直播状态与拉流地址，按需（重新）挂载或销毁 H5 播放器 */
+    syncH5Player(retry = 0) {
+      // #ifdef H5
+      const shouldPlay = this.isLiving && !!this.roomInfo.pullStreamUrl;
+      if (!shouldPlay) {
+        this.destroyH5HlsPlayer();
+        this.lastHlsPullUrl = "";
+        return;
+      }
+      if (
+        this.roomInfo.pullStreamUrl === this.lastHlsPullUrl &&
+        this.hlsInstance &&
+        this.hlsVideoElement &&
+        !this.hlsVideoElement.paused
+      ) {
+        return;
+      }
+      if (this.roomInfo.pullStreamUrl === this.lastHlsPullUrl && this.hlsInstance) {
+        this.ensureH5VideoPlaying(this.hlsVideoElement);
+        return;
+      }
+      this.lastHlsPullUrl = this.roomInfo.pullStreamUrl;
+      this.hlsHttpFallbackUsed = false;
+      this.$nextTick(() => {
+        const container = this.$refs.hlsContainer;
+        if (!container) {
+          if (retry < 8) {
+            setTimeout(() => this.syncH5Player(retry + 1), 80);
+          }
+          return;
+        }
+        this.initH5HlsPlayer();
+      });
+      // #endif
+    },
+    /** 尝试自动播放；浏览器策略拦截时先静音播放，点击后再恢复声音 */
+    ensureH5VideoPlaying(video) {
+      // #ifdef H5
+      if (!video) return Promise.resolve();
+      const tryPlay = (muted) => {
+        video.muted = muted;
+        return video.play().catch(() => Promise.reject());
+      };
+      return tryPlay(false)
+        .catch(() => tryPlay(true))
+        .catch(() => {
+          console.warn("[HLS] 自动播放被阻止，请点击画面播放");
+        });
+      // #endif
+    },
+    /** 初始化 H5 HLS 播放器，支持 HTTPS 证书异常时自动降级为 HTTP 重试 */
+    initH5HlsPlayer(useHttpFallback = false) {
+      // #ifdef H5
+      const originalUrl = this.roomInfo.pullStreamUrl;
+      const container = this.$refs.hlsContainer;
+      if (!originalUrl || !container) return;
+
+      const httpUrl =
+        useHttpFallback && originalUrl.startsWith("https://")
+          ? originalUrl.replace("https://", "http://")
+          : originalUrl;
+      const url = httpUrl.replace(".flv", ".m3u8");
+
+      this.destroyH5HlsPlayer();
+
+      const video = document.createElement("video");
+      video.style.cssText = "width:100%;height:100%;object-fit:cover;background:#000;";
+      video.autoplay = true;
+      video.muted = true;
+      video.defaultMuted = true;
+      video.playsInline = true;
+      video.setAttribute("autoplay", "");
+      video.setAttribute("muted", "");
+      video.setAttribute("playsinline", "");
+      video.setAttribute("webkit-playsinline", "");
+      video.setAttribute("x5-playsinline", "");
+      video.setAttribute("x5-video-player-type", "h5");
+      video.setAttribute("x5-video-player-fullscreen", "true");
+      video.controls = false;
+      const onVideoClick = () => {
+        if (video.muted) {
+          video.muted = false;
+        }
+        video.play().catch(() => {});
+      };
+      video.addEventListener("click", onVideoClick);
+      container.appendChild(video);
+      this.hlsVideoElement = video;
+      this._hlsVideoClickHandler = onVideoClick;
+
+      const onReadyPlay = () => {
+        this.ensureH5VideoPlaying(video);
+      };
+
+      if (Hls.isSupported()) {
+        const hls = new Hls({
+          enableWorker: true,
+          lowLatencyMode: true,
+          liveSyncDurationCount: 3,
+          liveMaxLatencyDurationCount: 6,
+          maxBufferLength: 10,
+          maxMaxBufferLength: 30,
+        });
+        this.hlsInstance = hls;
+        hls.on(Hls.Events.MEDIA_ATTACHED, onReadyPlay);
+        hls.on(Hls.Events.MANIFEST_PARSED, onReadyPlay);
+        hls.attachMedia(video);
+        hls.loadSource(url);
+        hls.on(Hls.Events.ERROR, (_event, data) => {
+          if (!data.fatal) return;
+          switch (data.type) {
+            case Hls.ErrorTypes.NETWORK_ERROR:
+              if (!this.hlsHttpFallbackUsed && originalUrl.startsWith("https://")) {
+                console.warn("[HLS] HTTPS 加载失败，尝试 HTTP 降级...");
+                this.hlsHttpFallbackUsed = true;
+                this.destroyH5HlsPlayer();
+                this.$nextTick(() => this.initH5HlsPlayer(true));
+              } else {
+                console.error("[HLS] 网络错误，尝试重连...");
+                hls.startLoad();
+              }
+              break;
+            case Hls.ErrorTypes.MEDIA_ERROR:
+              console.error("[HLS] 媒体错误，尝试恢复...");
+              hls.recoverMediaError();
+              break;
+            default:
+              console.error("[HLS] 致命错误:", data);
+              this.destroyH5HlsPlayer();
+              break;
+          }
+        });
+      } else if (video.canPlayType("application/vnd.apple.mpegurl")) {
+        video.src = url;
+        video.addEventListener("loadedmetadata", onReadyPlay);
+        video.addEventListener("canplay", onReadyPlay);
+      } else {
+        console.error("[HLS] 当前浏览器不支持 HLS");
+      }
+      // #endif
+    },
+    /** 销毁 H5 HLS 播放器 */
+    destroyH5HlsPlayer() {
+      // #ifdef H5
+      if (this.hlsInstance) {
+        this.hlsInstance.destroy();
+        this.hlsInstance = null;
+      }
+      if (this.hlsVideoElement) {
+        if (this._hlsVideoClickHandler) {
+          this.hlsVideoElement.removeEventListener("click", this._hlsVideoClickHandler);
+          this._hlsVideoClickHandler = null;
+        }
+        this.hlsVideoElement.remove();
+        this.hlsVideoElement = null;
+      }
+      // #endif
+    },
     buildMessagePayload(content) {
       const userInfo = this.isLogin() || {};
       return {
diff --git a/pages/live/utils/liveChat.js b/pages/promotion/live/utils/liveChat.js
similarity index 99%
rename from pages/live/utils/liveChat.js
rename to pages/promotion/live/utils/liveChat.js
index 6e80495..a0962de 100644
--- a/pages/live/utils/liveChat.js
+++ b/pages/promotion/live/utils/liveChat.js
@@ -41,7 +41,7 @@ export class LiveChatService {
       return;
     }
 
-    const setting = await fetchLiveSetting();
+    const setting = await fetchLiveSetting(this.liveId);
     if (!setting?.imSdkAppid) {
       console.warn("IM SDKAppID 未配置，跳过 IM 初始化");
       return;
diff --git a/pages/live/utils/liveMqtt.js b/pages/promotion/live/utils/liveMqtt.js
similarity index 98%
rename from pages/live/utils/liveMqtt.js
rename to pages/promotion/live/utils/liveMqtt.js
index 983cb78..63b6c64 100644
--- a/pages/live/utils/liveMqtt.js
+++ b/pages/promotion/live/utils/liveMqtt.js
@@ -1,12 +1,7 @@
 /**
  * 直播 MQTT 连接管理（由 saas-uni-v3 useMqtt 迁移）
  */
-// #ifndef MP-WEIXIN
 import { createMqttClient } from "../mqtt/mqtt.js";
-// #endif
-// #ifdef MP-WEIXIN
-import { createMqttClient } from "../mqtt/mqtt-weixin.js";
-// #endif
 
 export class LiveMqttService {
   constructor(liveId, userId) {
diff --git a/pages/live/utils/liveRecommend.js b/pages/promotion/live/utils/liveRecommend.js
similarity index 100%
rename from pages/live/utils/liveRecommend.js
rename to pages/promotion/live/utils/liveRecommend.js
diff --git a/pages/promotion/live/utils/liveSetting.js b/pages/promotion/live/utils/liveSetting.js
new file mode 100644
index 0000000..e89aa28
--- /dev/null
+++ b/pages/promotion/live/utils/liveSetting.js
@@ -0,0 +1,41 @@
+import { getLiveRoomById } from "@/api/live.js";
+
+const cachedSettings = {};
+const fetchingPromises = {};
+
+export function seedLiveSetting(liveId, setting) {
+  if (liveId && setting) {
+    cachedSettings[liveId] = setting;
+  }
+}
+
+export async function fetchLiveSetting(liveId, force = false) {
+  if (!liveId) return null;
+  if (!force && cachedSettings[liveId]) return cachedSettings[liveId];
+  if (!force && fetchingPromises[liveId]) return fetchingPromises[liveId];
+
+  fetchingPromises[liveId] = (async () => {
+    try {
+      const res = await getLiveRoomById(liveId);
+      if (res.data?.success && res.data?.result) {
+        cachedSettings[liveId] = res.data.result;
+        return cachedSettings[liveId];
+      }
+      console.warn("获取直播配置失败", res.data);
+      return null;
+    } catch (error) {
+      console.error("获取直播配置异常:", error);
+      return null;
+    } finally {
+      fetchingPromises[liveId] = null;
+    }
+  })();
+
+  return fetchingPromises[liveId];
+}
+
+export function resolveSdkAppId(setting) {
+  if (!setting?.imSdkAppid) return 0;
+  const id = Number(setting.imSdkAppid);
+  return Number.isNaN(id) ? 0 : id;
+}