live-h5-audience 1.0.0 → 2.0.0

package/README.md

@@ -1,6 +1,17 @@
 # live-h5-audience
 
-直播 H5 观众端 Vue 组件库 - 支持礼物、红包、聊天室等完整直播功能
+直播 H5 观众端完整应用 npm 包 - 包含直播房间、房间列表、个人中心等完整功能
+
+## 特性
+
+这是一个完整的直播 H5 观众端应用，包含以下全部功能：
+- 📺 直播间（视频播放、礼物、红包、聊天室）
+- 📋 房间列表（直播列表、商品列表）
+- 👤 个人中心（关注、优惠券、个人信息）
+- 🎁 礼物系统
+- 💬 实时聊天
+- 📦 商品展示
+- 🎯 讲师详情
 
 ## 安装
 
@@ -10,140 +21,205 @@ npm install live-h5-audience
 
 ## 快速开始
 
-### 方式一: 全局引入（推荐）
+### 方式一：独立挂载（推荐）
+
+在你的项目中创建一个容器，然后挂载整个应用：
+
+```vue
+<template>
+  <div>
+    <div id="live-h5-app"></div>
+  </div>
+</template>
+
+<script>
+import { initLiveH5App } from 'live-h5-audience'
+
+export default {
+  mounted() {
+    // 初始化并挂载直播 H5 应用
+    const { vm, router, store } = initLiveH5App(this.$root.constructor, {
+      containerId: '#live-h5-app',
+      apiBaseUrl: 'https://your-api-domain.com/api'
+    })
+    
+    // 可以访问实例
+    this.liveH5App = vm
+    this.liveH5Router = router
+    this.liveH5Store = store
+  },
+  
+  beforeDestroy() {
+    // 清理资源
+    if (this.liveH5App) {
+      this.liveH5App.$destroy()
+    }
+  }
+}
+</script>
+```
+
+### 方式二：全局注册
+
+在你的项目的入口文件（`main.js`）中：
 
 ```javascript
 import Vue from 'vue'
 import LiveH5 from 'live-h5-audience'
 
-// 全局注册
-Vue.use(LiveH5)
-
-// 可选：传入配置
 Vue.use(LiveH5, {
+  // 配置 API 基础地址
+  apiBaseUrl: 'https://your-api-domain.com/api',
+  
+  // 自定义配置
   config: {
-    // 你的配置
-  },
-  apiBaseUrl: 'https://your-api.com'
+    // 你的配置项
+  }
 })
 ```
 
-### 方式二: 按需引入
+### 方式三：使用内置 Router 和 Store
+
+如果你想将直播 H5 的路由和 store 集成到你自己的应用中：
 
 ```javascript
-import { LiveRoom, Player, RoomHeader } from 'live-h5-audience'
+import Vue from 'vue'
+import { App, router, store } from 'live-h5-audience'
+
+// 将直播 H5 的路由合并到你的路由中
+import VueRouter from 'vue-router'
+const yourRouter = new VueRouter({
+  routes: [
+    // 你的路由
+    ...router.options.routes
+  ]
+})
 
-export default {
-  components: {
-    LiveRoom,
-    Player,
-    RoomHeader
-  }
-}
+// 创建 Vue 实例
+new Vue({
+  router: yourRouter,
+  store,
+  render: h => h(App)
+}).$mount('#app')
 ```
 
-## 使用示例
+## 导出内容
 
-### 直播房间组件
+### 核心对象
 
-```vue
-<template>
-  <div>
-    <LiveRoom
-      :roomId="roomId"
-      :userId="userId"
-      :userName="userName"
-      @room-enter="handleEnter"
-      @room-exit="handleExit"
-    />
-  </div>
-</template>
+- `App` - Vue 根组件
+- `router` - Vue Router 实例（包含所有路由配置）
+- `store` - Vuex Store 实例（包含所有状态管理）
+- `initLiveH5App(Vue, options)` - 初始化应用函数
 
-<script>
-import { LiveRoom } from 'leimon-live-h5-audience'
+### 初始化配置选项
 
-export default {
-  components: {
-    LiveRoom
-  },
-  data() {
-    return {
-      roomId: 'room_123',
-      userId: 'user_456',
-      userName: '测试用户'
-    }
-  },
-  methods: {
-    handleEnter() {
-      console.log('进入房间')
-    },
-    handleExit() {
-      console.log('退出房间')
-    }
-  }
-}
-</script>
+```javascript
+initLiveH5App(Vue, {
+  containerId: '#live-h5-app',  // 挂载容器 ID，默认 '#live-h5-app'
+  apiBaseUrl: 'https://api.example.com',  // API 基础 URL
+  routerConfig: {},  // 路由配置覆盖
+  storeConfig: {}    // Store 配置覆盖
+})
 ```
 
-## 组件列表
+## 路由说明
 
-| 组件名 | 说明 |
-|--------|------|
-| LiveRoom | 直播房间主组件 |
-| LivePlayer | 视频播放器组件 |
-| LiveRoomHeader | 房间头部组件 |
-| LiveRoomFooter | 底部组件 |
-| LiveChartRoom | 聊天室组件 |
+应用包含以下路由：
 
-## 组件 Props
+| 路径 | 名称 | 组件 | 说明 |
+|------|------|------|------|
+| `/` | login | 登录页 | 用户登录 |
+| `/roomList` | roomList | 房间列表 | 直播房间列表 |
+| `/mylikeList` | mylikeList | 关注列表 | 我的关注 |
+| `/couponList` | couponList | 优惠券 | 我的优惠券 |
+| `/tellerDetail` | tellerDetail | 讲师详情 | 讲师详情页 |
+| `/personalCenter` | personalCenter | 个人中心 | 个人中心 |
+| `/updateName` | updateName | 修改昵称 | 修改昵称 |
+| `/settingdy` | settingdy | 开播提醒 | 设置开播提醒 |
+| `/liveRoom` | liveRoom | 直播间 | 直播房间页面 |
+| `/liveRoom/productDetail` | productDetail | 商品详情 | 商品详情页 |
+| `/rosApp` | rosApp | 唤起App | 唤起 App |
+| `/productDetail` | productDetail | 商品详情 | 商品详情页 |
 
-### LiveRoom
+## API 配置
 
-| 属性 | 类型 | 必填 | 默认值 | 说明 |
-|------|------|------|--------|------|
-| roomId | String | 是 | - | 房间ID |
-| userId | String | 是 | - | 用户ID |
-| userName | String | 是 | - | 用户名 |
+### 配置 API 基础地址
 
-### 组件事件
+```javascript
+// 方式一：初始化时配置
+initLiveH5App(Vue, {
+  apiBaseUrl: 'https://your-api-domain.com/api'
+})
 
-| 事件名 | 说明 | 回调参数 |
-|--------|------|----------|
-| room-enter | 进入房间 | - |
-| room-exit | 退出房间 | - |
+// 方式二：全局配置
+Vue.use(LiveH5, {
+  apiBaseUrl: 'https://your-api-domain.com/api'
+})
+```
 
-## 浏览器支持
+### 访问 API 配置
 
-- Chrome (最新版)
-- Safari (最新版)
-- Firefox (最新版)
-- Edge (最新版)
-- 微信内置浏览器
-- 小米浏览器
-- UC 浏览器
+```javascript
+// 在组件中访问
+this.$apiBaseUrl
+```
 
-## 依赖要求
+## 访问 Router 和 Store
 
-使用此包前，请确保项目中已安装以下依赖：
+```javascript
+// 在组件中访问路由和 store
+this.$liveH5Router
+this.$liveH5Store
+```
+
+## 样式主题
+
+应用使用了自定义主题，已包含在包中。如需修改主题样式，可以通过 CSS 覆盖。
+
+## 依赖说明
+
+### 宿主项目需要提供
+
+以下依赖由宿主项目提供（通过 externals 配置）：
+
+- `vue` >= 2.6.x
+- `vue-router` >= 3.0.x
+- `vuex` >= 3.0.x
+
+### 包内包含的依赖
+
+以下依赖已打包在 npm 包中：
+
+- `element-ui` >= 2.7.x
+- `vant` >= 2.5.x
+- `axios` >= 0.19.x
+- `vue-bus` >= 1.2.x
+- 以及其他所有功能依赖
+
+## 构建和发布
 
 ```bash
-npm install vue vue-router vuex element-ui vant axios
-```
+# 开发
+npm run dev
+
+# 构建生产版本
+npm run build
 
-## CDN 引入
+# 构建 npm 库
+npm run build:lib
 
-```html
-<script src="https://unpkg.com/vue@2.6.10/dist/vue.min.js"></script>
-<script src="https://unpkg.com/live-h5-audience@1.0.0/dist/live-h5-audience.umd.min.js"></script>
+# 发布到 npm
+npm run publish:lib
 ```
 
-## License
+## 注意事项
 
-MIT
+1. **容器必须存在**：使用 `initLiveH5App` 时，确保容器元素已存在
+2. **路由冲突**：如果将直播 H5 的路由合并到你的路由中，注意避免路径冲突
+3. **样式隔离**：如果担心样式冲突，可以使用 CSS Modules 或 Scoped CSS
+4. **资源清理**：在组件销毁时记得调用 `vm.$destroy()` 清理资源
 
-## 更新日志
+## License
 
-### 1.0.0 (2026-03-06)
-- 优化 npm 包发布配置
-- 支持自定义入口文件
-- 完善文档和示例
+MIT

package/dist/css/0.1772761531541.css

@@ -0,0 +1 @@
+.header[data-v-4bcb1ca8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:50px;width:calc(100vw - 30px);padding:0 15px}.header .text[data-v-4bcb1ca8]{width:200px;text-align:center}.header .right[data-v-4bcb1ca8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.page{width:100vw;height:100vh}

package/dist/css/10.1772761531541.css

@@ -0,0 +1 @@
+.header[data-v-4bcb1ca8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:50px;width:calc(100vw - 30px);padding:0 15px}.header .text[data-v-4bcb1ca8]{width:200px;text-align:center}.header .right[data-v-4bcb1ca8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.updateName[data-v-62f0dc07]{width:100vw;height:100vh;background-color:#f5f6f6}.updateName .bgc[data-v-62f0dc07]{background-color:#fff}.updateName .updateName_content[data-v-62f0dc07]{margin-top:10px;width:100vw;height:calc(100vh - 60px);background-color:#fff;padding:0 16px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.updateName .updateName_content .input_box[data-v-62f0dc07]{width:100%;height:50px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;border:1px solid #dde0e3;margin-top:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.updateName .updateName_content .input_box input[data-v-62f0dc07]{border:none;width:90%;height:48px;line-height:48px;font-size:17px;padding:0 10px}.updateName .updateName_content .input_box span[data-v-62f0dc07]{width:30px;height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.updateName .updateName_content .input_box span img[data-v-62f0dc07]{width:20px;height:20px}.updateName .updateName_content .tip[data-v-62f0dc07]{height:15px;line-height:15px;font-size:10px;color:red}.updateName .updateName_content .namelength[data-v-62f0dc07]{text-align:right;font-size:12px;color:#9c9c9c;font-family:Helvetica}

package/dist/css/11.1772761531541.css

@@ -0,0 +1 @@
+.header[data-v-4bcb1ca8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:50px;width:calc(100vw - 30px);padding:0 15px}.header .text[data-v-4bcb1ca8]{width:200px;text-align:center}.header .right[data-v-4bcb1ca8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.myLikeList[data-v-6cce1062]{width:100vw;height:100vh}.myLikeList .list[data-v-6cce1062]{width:100%;height:calc(100vh - 50px);background:#f5f6f6;padding-top:15px;-webkit-box-sizing:border-box;box-sizing:border-box}.myLikeList .list .list_box[data-v-6cce1062]{background:#fff;width:100%;height:calc(100vh - 65px);overflow-y:scroll}.myLikeList .list .list_box .list_item[data-v-6cce1062]{width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0}.myLikeList .list .list_box .list_item .left[data-v-6cce1062],.myLikeList .list .list_box .list_item[data-v-6cce1062]{height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.myLikeList .list .list_box .list_item .left[data-v-6cce1062]{width:20%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.myLikeList .list .list_box .list_item .left span[data-v-6cce1062]{width:35px;height:35px;border-radius:50%;display:inline-block;overflow:hidden}.myLikeList .list .list_box .list_item .left span img[data-v-6cce1062]{width:100%;height:100%}.myLikeList .list .list_box .list_item .right[data-v-6cce1062]{width:80%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:15px;color:#333;border-bottom:1px solid #d8d8d8}

package/dist/css/12.1772761531541.css

@@ -0,0 +1 @@
+.container[data-v-a8c887e8]{width:100%;margin-top:80px;text-align:center;font-size:12px;color:#bcbcbc}

package/dist/css/3.1772761531541.css

@@ -0,0 +1 @@
+.header[data-v-4bcb1ca8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:50px;width:calc(100vw - 30px);padding:0 15px}.header .text[data-v-4bcb1ca8]{width:200px;text-align:center}.header .right[data-v-4bcb1ca8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tabbar[data-v-1459037c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;display:inline-block;width:100%;height:60px;z-index:100}.tabbar>.item[data-v-1459037c]{display:inline-block;width:25%}.tabbar>.item>img[data-v-1459037c]{width:.17rem;height:.17rem}.tabbarImg[data-v-1459037c]{height:.17rem!important}.list[data-v-6fe1f566]{width:100%;height:100%;overflow-y:hidden}.list .list_item[data-v-6fe1f566]{width:45.8%;height:200px;margin:5px 6px;display:inline-block;border:1px solid #fff;border-radius:5px}.list .list_item .item_box[data-v-6fe1f566]{width:100%;height:100%;border-radius:4px;overflow:hidden;position:relative}.list .list_item .item_box .item_img_box[data-v-6fe1f566],.list .list_item .item_box .item_img_box img[data-v-6fe1f566]{width:100%;height:100%}.list .list_item .item_box .top_zz[data-v-6fe1f566]{padding:4px 4px;background:#84888f;border-radius:12px;position:absolute;left:5px;top:5px;font-size:10px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.list .list_item .item_box .top_zz .img_box[data-v-6fe1f566]{width:12px;height:12px;margin:0 2px 1px 2px}.list .list_item .item_box .top_zz .img_box img[data-v-6fe1f566]{width:100%;height:100%}.list .list_item .item_box .top_gz[data-v-6fe1f566]{position:absolute;left:5px;top:5px;background:linear-gradient(142deg,#ffd297,#d4963e);border-radius:12px;padding:5px 5px;color:#fff;font-size:10px}.list .list_item .item_box .item_box_bottom[data-v-6fe1f566]{width:100%;height:43px;position:absolute;bottom:0;background:#2d1511;opacity:.7;font-size:12px;color:#fff;padding:6px 6px;-webkit-box-sizing:border-box;box-sizing:border-box}.list .list_item .item_box .item_box_bottom .title[data-v-6fe1f566]{height:12px;font-size:12px}.list .list_item .item_box .item_box_bottom .teller[data-v-6fe1f566]{margin-top:3px;font-size:16px}.list .list_item .item_box .gzzb_bottom[data-v-6fe1f566]{width:100%;height:53px;position:absolute;bottom:0;background:#2d1511;opacity:.7;font-size:12px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.list .list_item .item_box .gzzb_bottom .left[data-v-6fe1f566]{width:76%;height:100%;padding:6px 1px;-webkit-box-sizing:border-box;box-sizing:border-box}.list .list_item .item_box .gzzb_bottom .left .title[data-v-6fe1f566]{width:100%;height:12px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list .list_item .item_box .gzzb_bottom .left .time[data-v-6fe1f566]{width:100%;height:12px;font-size:10px!important;line-height:12px;margin-top:2px}.list .list_item .item_box .gzzb_bottom .left .teller[data-v-6fe1f566]{height:20px;line-height:20px;font-size:14px}.list .list_item .item_box .gzzb_bottom .right[data-v-6fe1f566]{width:24%;height:100%;padding:6px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.list .list_item .item_box .gzzb_bottom .right .nz[data-v-6fe1f566]{width:22px;height:22px;margin:auto}.list .list_item .item_box .gzzb_bottom .right .nz img[data-v-6fe1f566]{width:100%;height:100%}.list .list_item .item_box .gzzb_bottom .right .tip[data-v-6fe1f566]{text-align:center;margin-top:3px;font-size:10px}.nodata[data-v-7f452e38]{width:100%;height:100%}.nodata .img_box[data-v-7f452e38]{width:200px;height:160px;margin:auto;margin-top:40px}.nodata .text[data-v-7f452e38]{height:56px;font-size:14px;color:#666;line-height:56px;width:100%;text-align:center}.liveList[data-v-5cd1d8b0]{width:100vw;height:calc(100vh - 100px);background:#f5f6f6}.liveList .list_box[data-v-5cd1d8b0]{width:calc(100vw - 24px);padding:3px 12px;height:calc(100vh - 144px);overflow-y:scroll}.list_item[data-v-15e948c0]{width:46%;height:250px;margin:5px 6px;display:inline-block;background-color:#fff;-webkit-box-shadow:0 0 4px 0 rgba(0,0,0,.1);box-shadow:0 0 4px 0 rgba(0,0,0,.1);border-radius:8px}.list_item .item_box[data-v-15e948c0]{width:100%;height:235px;border-radius:4px;overflow:hidden;position:relative}.list_item .item_box .item_img_box[data-v-15e948c0]{width:166px;height:166px}.list_item .item_box .item_img_box img[data-v-15e948c0]{width:100%;height:100%}.list_item .item_box .item_box_bottom[data-v-15e948c0]{width:100%;height:69px;background:#fff;color:#333}.list_item .item_box .item_box_bottom .people[data-v-15e948c0]{height:30px;line-height:30px;letter-spacing:1px;text-shadow:0 0 4px rgba(0,0,0,.1);font-family:PingFangSC-Regular,PingFang SC;font-weight:400;font-size:14px;width:100%;text-indent:10px;overflow:hidden}.list_item .item_box .item_box_bottom .mark[data-v-15e948c0]{height:39px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.list_item .item_box .item_box_bottom .mark .red[data-v-15e948c0]{color:red;padding-left:10px;display:-webkit-box;display:-ms-flexbox;display:flex}.list_item .item_box .item_box_bottom .mark .red .rmb[data-v-15e948c0]{font-size:10px;height:10px;margin-top:7px}.list_item .item_box .item_box_bottom .mark .red .now_mark[data-v-15e948c0]{font-size:19px}.list_item .item_box .item_box_bottom .original[data-v-15e948c0]{font-size:10px!important;display:-webkit-box;display:-ms-flexbox;display:flex;color:#999;text-decoration:line-through}.commodityList[data-v-379bf3fe]{width:100vw;height:calc(100vh - 100px);overflow:hidden;background:#f5f6f6}.commodityList .list_box[data-v-379bf3fe]{width:calc(100vw - 16px);padding:8px 8px;height:calc(100vh - 100px);overflow-y:scroll;background:#f5f6f6}.user{width:100vw;height:calc(100vh - 50px);background:#f5f6f6}.user .bag{width:100vw;background-image:url(static/img/bag.9bd1c8bb.png);height:205px}.user .bag .heaer_img{margin-top:20px;height:66px;width:calc(100vw - 60px);padding:0 30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.user .bag .heaer_img .img_box{width:66px;height:66px;border-radius:50%;overflow:hidden}.user .bag .heaer_img .img_box img{width:100%;height:100%}.user .bag .heaer_img .name{margin-left:18px}.user .mycontent{margin-top:20px;width:100vw;-ms-flex-pack:distribute;justify-content:space-around}.user .mycontent,.user .mycontent .box{display:-webkit-box;display:-ms-flexbox;display:flex}.user .mycontent .box{width:43%;height:70px;background:#fff;-webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,.12);box-shadow:0 2px 6px 0 rgba(0,0,0,.12);border-radius:12px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:14px 16px}.user .mycontent .box .left{width:60%}.user .mycontent .box .left .top{font-size:20px;font-weight:600px}.user .mycontent .box .left .bottom{font-size:14px;color:#f50;line-height:20px;height:20px;display:-webkit-box;display:-ms-flexbox;display:flex}.user .mycontent .box .left .bottom span{margin-left:3px}.user .mycontent .box .right{width:42px;height:42px}.user .mycontent .box .right img{width:100%;height:100%}

package/dist/css/4.1772761531541.css

@@ -0,0 +1 @@
+.header[data-v-4bcb1ca8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:50px;width:calc(100vw - 30px);padding:0 15px}.header .text[data-v-4bcb1ca8]{width:200px;text-align:center}.header .right[data-v-4bcb1ca8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.button[data-v-b6625ba4]{width:100%;height:50px;border-radius:25px;font-size:16px}.button[data-v-b6625ba4],.code_button[data-v-fd4d7840]{background:#ffcf00;color:#666;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.code_button[data-v-fd4d7840]{width:120px;height:40px;border-radius:20px;font-size:14px}.gray[data-v-fd4d7840]{background:#f7f8fa}.roomLogin[data-v-031553fa]{width:100%;height:100%;z-index:99}.roomLogin .shadow[data-v-031553fa]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.roomLogin .shadow .login_box[data-v-031553fa]{width:3.15rem;height:2.5rem;-webkit-box-shadow:0 0 16px 0 rgba(0,0,0,.05);box-shadow:0 0 16px 0 rgba(0,0,0,.05);border-radius:8px;background-color:#fff;padding:0 .12rem;-webkit-box-sizing:border-box;box-sizing:border-box}.roomLogin .shadow .login_box .title[data-v-031553fa]{height:.54rem;line-height:.54rem;text-align:center;font-size:18px;font-weight:600}.roomLogin .shadow .login_box .box[data-v-031553fa]{width:100%;height:.5rem;background:#eee;border-radius:8px;margin:6px 0;display:-webkit-box;display:-ms-flexbox;display:flex}.roomLogin .shadow .login_box .box .left[data-v-031553fa]{width:.7rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}.roomLogin .shadow .login_box .box .left .phone_igm[data-v-031553fa]{width:.17rem;height:.17rem}.roomLogin .shadow .login_box .box .left .phone_igm img[data-v-031553fa]{width:100%;height:100%}.roomLogin .shadow .login_box .box .input_box[data-v-031553fa]{width:calc(100% - .7rem);height:100%}.roomLogin .shadow .login_box .box .input_box input[data-v-031553fa]{margin-left:.1rem;width:80%;height:100%;border:none;background-color:#eee}.roomLogin .shadow .login_box .box .code[data-v-031553fa]{width:55%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.roomLogin .shadow .login_box .box .code input[data-v-031553fa]{border:none;width:80%;height:100%;background-color:#eee}.roomLogin .shadow .login_box .box .btn[data-v-031553fa]{width:45%;height:100%}.roomLogin .shadow .login_box .box .btn .codeBtn[data-v-031553fa]{width:100%;height:100%;border-radius:0;font-size:16px;color:#000;font-weight:500}.roomLogin .shadow .loginBtn[data-v-031553fa]{margin-top:.2rem;color:#333;font-size:16px}.settingdy[data-v-33c45ee0]{width:100vw;height:100vh}.settingdy .container[data-v-33c45ee0]{padding-top:8px;width:100vw;height:calc(100vh - 58px);background:#f5f6f6;position:relative}.settingdy .container .opttion[data-v-33c45ee0]{width:100vw;height:100%;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff}.settingdy .container .opttion .opt_item[data-v-33c45ee0]{width:100%;padding:0 10px;height:58px;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #dde0e3;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.settingdy .container .opttion .opt_item .label[data-v-33c45ee0]{font-size:16px;font-family:Helvetica}.settingdy .container .opttion .opt_item_time[data-v-33c45ee0]{width:100%;padding:0 10px;height:58px;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #dde0e3;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.settingdy .container .opttion .opt_item_time .time[data-v-33c45ee0]{margin:0 15px}.settingdy .container .opttion .opt_item_time .label[data-v-33c45ee0]{font-size:16px;font-family:Helvetica}.settingdy .container .button[data-v-33c45ee0]{width:90%;position:absolute;bottom:110px;left:5%;margin:auto}

package/dist/css/5.1772761531541.css

@@ -0,0 +1 @@
+.header[data-v-4bcb1ca8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:50px;width:calc(100vw - 30px);padding:0 15px}.header .text[data-v-4bcb1ca8]{width:200px;text-align:center}.code_button[data-v-fd4d7840],.header .right[data-v-4bcb1ca8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.code_button[data-v-fd4d7840]{width:120px;height:40px;background:#ffcf00;border-radius:20px;font-size:14px;color:#666}.gray[data-v-fd4d7840]{background:#f7f8fa}.button[data-v-b6625ba4]{width:100%;height:50px;background:#ffcf00;border-radius:25px;font-size:16px;color:#666;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.login[data-v-2174ff54]{width:100vw;height:100vh}.login .login_container .msg_code[data-v-2174ff54]{width:calc(100vw - 36px);margin-top:40px;padding:0 18px}.login .login_container .msg_code p[data-v-2174ff54]{font-size:26px}.login .login_container .rigester_hint[data-v-2174ff54]{width:calc(100vw - 36px);margin-top:20px;padding:0 18px}.login .login_container .rigester_hint p[data-v-2174ff54]{font-size:12px;color:#888}.login .login_form[data-v-2174ff54]{width:calc(100vw - 36px);margin-top:40px;padding:0 18px}.login .login_form .login_accunt[data-v-2174ff54]{height:55px;border-bottom:1px solid #d9d9d9;position:relative}.login .login_form .login_accunt .left[data-v-2174ff54],.login .login_form .login_accunt[data-v-2174ff54]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.login .login_form .login_accunt .left .phone_title[data-v-2174ff54]{font-size:16px;height:18px;line-height:18px;margin-right:3px}.login .login_form .login_accunt .left .down_icon[data-v-2174ff54]{margin-right:2px;width:.16rem;height:.16rem}.login .login_form .login_accunt .account[data-v-2174ff54]{padding:5px 5px}.login .login_form .login_accunt .account input[data-v-2174ff54]{border:none}.login .login_form .login_accunt .right[data-v-2174ff54]{float:left;position:absolute;right:10px}.login .login_form .login_accunt .right .del_icon[data-v-2174ff54]{width:18px;height:18px;display:block}.login .login_form .login_accunt .right .del_icon img[data-v-2174ff54]{width:100%;height:100%}.login .login_form .login_code[data-v-2174ff54]{height:55px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #d9d9d9;position:relative}.login .login_form .login_code .code[data-v-2174ff54]{padding:5px 5px}.login .login_form .login_code .code input[data-v-2174ff54]{border:none}.login .login_form .login_code .btn[data-v-2174ff54]{position:absolute;right:3%}.login .btn_box[data-v-2174ff54]{width:calc(100vw - 36px);margin-top:40px;padding:0 18px}.login .agreement[data-v-2174ff54]{width:100%;padding:.1rem .1rem;-webkit-box-sizing:border-box;box-sizing:border-box;color:silver;text-align:center;margin-top:.3rem;font-size:13px;letter-spacing:2px}.login .agreement span[data-v-2174ff54]{color:#ffe66e}input[data-v-2174ff54]::-webkit-input-placeholder{color:#ccc}input[data-v-2174ff54]:-moz-placeholder,input[data-v-2174ff54]::-moz-placeholder{color:#ccc}input[data-v-2174ff54]:-ms-input-placeholder{color:#ccc}

package/dist/css/6.1772761531541.css

@@ -0,0 +1 @@
+.header[data-v-4bcb1ca8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:50px;width:calc(100vw - 30px);padding:0 15px}.header .text[data-v-4bcb1ca8]{width:200px;text-align:center}.header .right[data-v-4bcb1ca8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tellerDetail[data-v-4ef6bf51]{width:100vw;height:100vh}.tellerDetail .bag[data-v-4ef6bf51]{width:100vw;background-image:url(static/img/backytwo.0bb0fa02.png);background-size:100% 100%;height:205px;overflow:hidden}.tellerDetail .bag .heaer_img[data-v-4ef6bf51]{margin-top:20px;height:66px;width:calc(100vw - 60px);padding:0 30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tellerDetail .bag .heaer_img .img_box[data-v-4ef6bf51]{width:66px;height:66px;border-radius:50%;overflow:hidden}.tellerDetail .bag .heaer_img .img_box img[data-v-4ef6bf51]{width:100%;height:100%}.tellerDetail .bag .heaer_img .name[data-v-4ef6bf51]{width:80%;margin-left:18px;height:66px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.tellerDetail .bag .heaer_img .name .left p[data-v-4ef6bf51]{height:25px;line-height:25px}.tellerDetail .bag .heaer_img .name .left .gary[data-v-4ef6bf51]{font-size:14px;color:#666}.tellerDetail .bag .heaer_img .name .button[data-v-4ef6bf51]{width:66px;height:28px;background:linear-gradient(143deg,#f92019,#ff5839);-webkit-box-shadow:0 2px 10px 0 rgba(255,68,68,.5);box-shadow:0 2px 10px 0 rgba(255,68,68,.5);border-radius:15px;text-align:center;line-height:28px;color:#fff}.tellerDetail .bag .heaer_img .name .button_ccc[data-v-4ef6bf51]{background:#ccc}.tellerDetail .playback[data-v-4ef6bf51]{width:calc(100vw - 60px);height:calc(100vh - 205px);overflow:hidden;-webkit-overflow-scrolling:touch;overflow-y:scroll;padding:0 30px}.tellerDetail .playback .title_text[data-v-4ef6bf51]{height:40px;font-size:14px;color:#333;line-height:40px}.tellerDetail .playback .list[data-v-4ef6bf51]{height:calc(100vh - 245px)}.tellerDetail .playback .list .list_item[data-v-4ef6bf51]{display:-webkit-box;display:-ms-flexbox;display:flex}.tellerDetail .playback .list .list_item .left[data-v-4ef6bf51]{width:8px}.tellerDetail .playback .list .list_item .left .ball[data-v-4ef6bf51]{width:8px;height:8px;background:#aeaeae;border-radius:50%}.tellerDetail .playback .list .list_item .left .wire[data-v-4ef6bf51]{width:1px;height:180px;background:#aeaeae;margin:auto}.tellerDetail .playback .list .list_item .right[data-v-4ef6bf51]{padding:0 13px}.tellerDetail .playback .list .list_item .right .time[data-v-4ef6bf51]{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:13px;height:13px;line-height:13px;color:#666}.tellerDetail .playback .list .list_item .right .time .week[data-v-4ef6bf51]{margin:0 8px}.tellerDetail .playback .list .list_item .right .title[data-v-4ef6bf51]{margin-top:4px;line-height:30px;height:30px;font-size:14px;color:#666}.tellerDetail .playback .list .list_item .right .video_box[data-v-4ef6bf51]{width:230px;height:130px;border-radius:4px;overflow:hidden;position:relative;margin:5px 5px}.tellerDetail .playback .list .list_item .right .video_box img[data-v-4ef6bf51]{width:100%;height:100%}.tellerDetail .playback .list .list_item .right .video_box .bottom[data-v-4ef6bf51]{position:absolute;bottom:0;width:100%;height:30px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:11px;padding:0 15px;-webkit-box-sizing:border-box;box-sizing:border-box}.tellerDetail .playback .list .list_item .right .video_box .bottom .amount[data-v-4ef6bf51]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:20%;-ms-flex-pack:distribute;justify-content:space-around}.tellerDetail .videoBox[data-v-4ef6bf51]{width:100%;height:100%}.tellerDetail .videoBox .video[data-v-4ef6bf51]{width:100%;height:90%}.tellerDetail .videoBox .see[data-v-4ef6bf51]{width:100%;height:30px;line-height:30px;text-align:center;background-color:#ffcf00}

package/dist/css/8.1772761531541.css

@@ -0,0 +1 @@
+.header[data-v-4bcb1ca8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:50px;width:calc(100vw - 30px);padding:0 15px}.header .text[data-v-4bcb1ca8]{width:200px;text-align:center}.button[data-v-b6625ba4],.header .right[data-v-4bcb1ca8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.button[data-v-b6625ba4]{width:100%;height:50px;background:#ffcf00;border-radius:25px;font-size:16px;color:#666}.personalCenter[data-v-48d02a20]{width:100vw;height:100vh;background:#f5f6f6}.personalCenter .bgc[data-v-48d02a20]{background-color:#fff}.personalCenter .personalCenter_content[data-v-48d02a20]{width:100vw;margin-top:10px;background-color:#fff;padding:0 15px;-webkit-box-sizing:border-box;box-sizing:border-box}.personalCenter .personalCenter_content .item[data-v-48d02a20]{width:100%;height:76px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #f6f5f8}.personalCenter .personalCenter_content .item[data-v-48d02a20] .van-uploader,.personalCenter .personalCenter_content .item[data-v-48d02a20] .van-uploader__input-wrapper,.personalCenter .personalCenter_content .item[data-v-48d02a20] .van-uploader__wrapper{width:100%}.personalCenter .personalCenter_content .item .label[data-v-48d02a20],.personalCenter .personalCenter_content .item .labela[data-v-48d02a20]{width:50%}.personalCenter .personalCenter_content .item .headimg[data-v-48d02a20]{width:calc(100% - 10px);text-align:right;padding:0 10px}.personalCenter .personalCenter_content .item .headimg div[data-v-48d02a20]{display:inline-block;width:60px;height:60px;border-radius:50%;overflow:hidden}.personalCenter .personalCenter_content .item .headimg div img[data-v-48d02a20]{width:100%;height:100%}.personalCenter .personalCenter_content .item .enter[data-v-48d02a20],.personalCenter .personalCenter_content .item .enter img[data-v-48d02a20]{width:16px;height:16px}.personalCenter .personalCenter_content .name[data-v-48d02a20]{height:58px}.personalCenter .btn_box[data-v-48d02a20]{width:100%;height:55px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:fixed;bottom:24px;padding:0 16px;-webkit-box-sizing:border-box;box-sizing:border-box}

package/dist/css/9.1772761531541.css

@@ -0,0 +1 @@
+.header[data-v-4bcb1ca8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:50px;width:calc(100vw - 30px);padding:0 15px}.header .text[data-v-4bcb1ca8]{width:200px;text-align:center}.header .right[data-v-4bcb1ca8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.couponlist[data-v-09fa98a0]{width:100vw;height:100vh}.couponlist .container[data-v-09fa98a0]{width:100vw;height:calc(100vh - 50px);background-color:#f5f6f6;padding:.18rem .12rem;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-y:scroll}.couponlist .container .item[data-v-09fa98a0]{width:100%;height:1.28rem;position:relative;margin-bottom:.1rem;border-radius:3px 3px 3px 3px;overflow:hidden}.couponlist .container .item .coupon_detail[data-v-09fa98a0]{background:#fff;-webkit-box-shadow:0 2px 4px 0 transparent;box-shadow:0 2px 4px 0 transparent;border-radius:10px;padding:0 .12rem;-webkit-box-sizing:border-box;box-sizing:border-box}.couponlist .container .item .coupon_detail .money_box[data-v-09fa98a0]{padding:.12rem 0;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #f6f5f8}.couponlist .container .item .coupon_detail .money_box .money[data-v-09fa98a0]{width:.62rem;height:.68rem;background-image:url(static/img/couponbg.ff40c5a6.png);background-size:100% 100%;position:relative}.couponlist .container .item .coupon_detail .money_box .money .num[data-v-09fa98a0]{width:100%;color:#be000f;font-size:16px;position:absolute;text-align:center;top:.16rem}.couponlist .container .item .coupon_detail .money_box .money .num span[data-v-09fa98a0]{font-size:16px;font-weight:600}.couponlist .container .item .coupon_detail .money_box .money .type[data-v-09fa98a0]{color:#fff;font-size:10px;width:100%;text-align:center;position:absolute;bottom:.06rem}.couponlist .container .item .coupon_detail .money_box .rule[data-v-09fa98a0]{width:2.45rem}.couponlist .container .item .coupon_detail .money_box .rule .shopName[data-v-09fa98a0]{width:1.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:20px;font-size:14px;color:#333;line-height:20px}.couponlist .container .item .coupon_detail .money_box .rule .valid_time[data-v-09fa98a0]{height:22px;font-size:12px;color:#999;line-height:22px}.couponlist .container .item .coupon_detail .money_box .rule .use_rule[data-v-09fa98a0]{width:1.82rem;height:14px;font-size:10px;color:#f50;display:-webkit-box;display:-ms-flexbox;display:flex}.couponlist .container .item .coupon_detail .money_box .rule .use_rule .rule_y[data-v-09fa98a0]{width:14px;height:7px;margin-left:3px}.couponlist .container .item .coupon_detail .money_box .rule .use_rule .rule_y img[data-v-09fa98a0]{width:100%;height:100%}.couponlist .container .item .coupon_detail .money_box .rule .text[data-v-09fa98a0]{font-size:10px;color:#666;line-height:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.couponlist .container .item .coupon_detail .coupon_code[data-v-09fa98a0]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;height:.32rem;line-height:.32rem}.couponlist .container .item .coupon_detail .coupon_code .code[data-v-09fa98a0]{width:60%;font-size:13px}.couponlist .container .item .coupon_detail .coupon_code .btn[data-v-09fa98a0]{width:40%;text-align:right;color:#f50}.couponlist .container .item .shadow[data-v-09fa98a0]{width:100%;height:100%;z-index:99;position:absolute;left:0;top:0;background-color:hsla(0,0%,100%,.8)}.couponlist .container .item .shadow .img_box[data-v-09fa98a0]{width:.64rem;height:.64rem;position:absolute;right:-.08rem;top:-.08rem}.couponlist .container .item .shadow .img_box img[data-v-09fa98a0]{width:100%;height:100%}.couponlist .zore[data-v-09fa98a0]{width:200px;height:200px;margin-top:100px;margin:auto}.couponlist .zore img[data-v-09fa98a0]{width:100%;height:100%}