Commit 8ab6a817347ee0d2a324290ddfd62839d838a1ce
1 parent
876011a8
给王哥
Showing
2 changed files
with
95 additions
and
90 deletions
src/utils/routerList.js
| @@ -165,33 +165,33 @@ export function getRoutes() { | @@ -165,33 +165,33 @@ export function getRoutes() { | ||
| 165 | 165 | ||
| 166 | ] | 166 | ] |
| 167 | }, | 167 | }, |
| 168 | - { | ||
| 169 | - path: '/order', | ||
| 170 | - component: Layout, | ||
| 171 | - redirect: '/', | ||
| 172 | - name: 'order', | ||
| 173 | - meta: { | ||
| 174 | - title: '订单管理', | ||
| 175 | - icon: 'el-icon-s-marketing' | ||
| 176 | - }, | ||
| 177 | - children: [{ | ||
| 178 | - path: 'recharge', | ||
| 179 | - name: 'recharge', | ||
| 180 | - component: () => | ||
| 181 | - import('@/views/order/rechargeList'), | ||
| 182 | - meta: { | ||
| 183 | - title: '充值记录', | ||
| 184 | - } | ||
| 185 | - }, { | ||
| 186 | - path: 'shop', | ||
| 187 | - name: 'shop', | ||
| 188 | - component: () => | ||
| 189 | - import('@/views/order/shopList'), | ||
| 190 | - meta: { | ||
| 191 | - title: '购买记录', | ||
| 192 | - } | ||
| 193 | - }] | ||
| 194 | - }, | 168 | + // { |
| 169 | + // path: '/order', | ||
| 170 | + // component: Layout, | ||
| 171 | + // redirect: '/', | ||
| 172 | + // name: 'order', | ||
| 173 | + // meta: { | ||
| 174 | + // title: '订单管理', | ||
| 175 | + // icon: 'el-icon-s-marketing' | ||
| 176 | + // }, | ||
| 177 | + // children: [{ | ||
| 178 | + // path: 'recharge', | ||
| 179 | + // name: 'recharge', | ||
| 180 | + // component: () => | ||
| 181 | + // import('@/views/order/rechargeList'), | ||
| 182 | + // meta: { | ||
| 183 | + // title: '充值记录', | ||
| 184 | + // } | ||
| 185 | + // }, { | ||
| 186 | + // path: 'shop', | ||
| 187 | + // name: 'shop', | ||
| 188 | + // component: () => | ||
| 189 | + // import('@/views/order/shopList'), | ||
| 190 | + // meta: { | ||
| 191 | + // title: '购买记录', | ||
| 192 | + // } | ||
| 193 | + // }] | ||
| 194 | + // }, | ||
| 195 | { | 195 | { |
| 196 | path: '/user', | 196 | path: '/user', |
| 197 | component: Layout, | 197 | component: Layout, |
| @@ -422,33 +422,33 @@ export function getRoutes() { | @@ -422,33 +422,33 @@ export function getRoutes() { | ||
| 422 | 422 | ||
| 423 | ] | 423 | ] |
| 424 | }, | 424 | }, |
| 425 | - { | ||
| 426 | - path: '/order', | ||
| 427 | - component: Layout, | ||
| 428 | - redirect: '/', | ||
| 429 | - name: 'order', | ||
| 430 | - meta: { | ||
| 431 | - title: '订单管理', | ||
| 432 | - icon: 'el-icon-s-marketing' | ||
| 433 | - }, | ||
| 434 | - children: [{ | ||
| 435 | - path: 'recharge', | ||
| 436 | - name: 'recharge', | ||
| 437 | - component: () => | ||
| 438 | - import('@/views/order/rechargeList'), | ||
| 439 | - meta: { | ||
| 440 | - title: '充值记录', | ||
| 441 | - } | ||
| 442 | - }, { | ||
| 443 | - path: 'shop', | ||
| 444 | - name: 'shop', | ||
| 445 | - component: () => | ||
| 446 | - import('@/views/order/shopList'), | ||
| 447 | - meta: { | ||
| 448 | - title: '购买记录', | ||
| 449 | - } | ||
| 450 | - }] | ||
| 451 | - }, | 425 | + // { |
| 426 | + // path: '/order', | ||
| 427 | + // component: Layout, | ||
| 428 | + // redirect: '/', | ||
| 429 | + // name: 'order', | ||
| 430 | + // meta: { | ||
| 431 | + // title: '订单管理', | ||
| 432 | + // icon: 'el-icon-s-marketing' | ||
| 433 | + // }, | ||
| 434 | + // children: [{ | ||
| 435 | + // path: 'recharge', | ||
| 436 | + // name: 'recharge', | ||
| 437 | + // component: () => | ||
| 438 | + // import('@/views/order/rechargeList'), | ||
| 439 | + // meta: { | ||
| 440 | + // title: '充值记录', | ||
| 441 | + // } | ||
| 442 | + // }, { | ||
| 443 | + // path: 'shop', | ||
| 444 | + // name: 'shop', | ||
| 445 | + // component: () => | ||
| 446 | + // import('@/views/order/shopList'), | ||
| 447 | + // meta: { | ||
| 448 | + // title: '购买记录', | ||
| 449 | + // } | ||
| 450 | + // }] | ||
| 451 | + // }, | ||
| 452 | { | 452 | { |
| 453 | path: '/user', | 453 | path: '/user', |
| 454 | component: Layout, | 454 | component: Layout, |
src/views/live/index.vue
| 1 | <template> | 1 | <template> |
| 2 | <div class="container"> | 2 | <div class="container"> |
| 3 | - <div id="id_test_video" style="width:100%; height:auto;"></div> | 3 | + <div id="id_test_video" style="width:100%; height:auto;"></div> |
| 4 | </div> | 4 | </div> |
| 5 | </template> | 5 | </template> |
| 6 | <script> | 6 | <script> |
| 7 | -export default { | ||
| 8 | - data() { | ||
| 9 | - return { | ||
| 10 | - streaName:'' | ||
| 11 | - }; | ||
| 12 | - }, | ||
| 13 | - created(){ | ||
| 14 | - let streaName = this.$route.query.id; | ||
| 15 | - this.streaName = streaName; | ||
| 16 | - }, | ||
| 17 | - mounted() { | ||
| 18 | - var player = new TcPlayer("id_test_video", { | ||
| 19 | - m3u8: `http://watch.t1j2.com/live/${this.streaName}.m3u8`, | ||
| 20 | - flv: `http://watch.t1j2.com/live/${this.streaName}.flv`, //增加了一个 flv 的播放地址，用于PC平台的播放 请替换成实际可用的播放地址 | ||
| 21 | - autoplay: true, //iOS 下 safari 浏览器，以及大部分移动端浏览器是不开放视频自动播放这个能力的 | ||
| 22 | - poster: "", | ||
| 23 | - width: "1200", //视频的显示宽度，请尽量使用视频分辨率宽度 | ||
| 24 | - height: "800", //视频的显示高度，请尽量使用视频分辨率高度 | ||
| 25 | - }); | ||
| 26 | - }, | ||
| 27 | - methods: {}, | ||
| 28 | -}; | 7 | + export default { |
| 8 | + data() { | ||
| 9 | + return { | ||
| 10 | + streaName: '' | ||
| 11 | + }; | ||
| 12 | + }, | ||
| 13 | + created() { | ||
| 14 | + let streaName = this.$route.query.id; | ||
| 15 | + this.streaName = streaName; | ||
| 16 | + }, | ||
| 17 | + mounted() { | ||
| 18 | + this.$nextTick(function () { | ||
| 19 | + | ||
| 20 | + var player = new TcPlayer("id_test_video", { | ||
| 21 | + m3u8: `http://watch.t1j2.com/live/${this.streaName}.m3u8`, | ||
| 22 | + flv: `http://watch.t1j2.com/live/${this.streaName}.flv`, //增加了一个 flv 的播放地址，用于PC平台的播放 请替换成实际可用的播放地址 | ||
| 23 | + autoplay: true, //iOS 下 safari 浏览器，以及大部分移动端浏览器是不开放视频自动播放这个能力的 | ||
| 24 | + poster: "", | ||
| 25 | + width: "1200", //视频的显示宽度，请尽量使用视频分辨率宽度 | ||
| 26 | + height: "800", //视频的显示高度，请尽量使用视频分辨率高度 | ||
| 27 | + }); | ||
| 28 | + }); | ||
| 29 | + | ||
| 30 | + }, | ||
| 31 | + methods: {}, | ||
| 32 | + }; | ||
| 29 | </script> | 33 | </script> |
| 30 | <style lang="scss" scoped> | 34 | <style lang="scss" scoped> |
| 31 | -.container{ | 35 | + .container { |
| 32 | display: flex; | 36 | display: flex; |
| 33 | justify-content: center; | 37 | justify-content: center; |
| 34 | align-items: center; | 38 | align-items: center; |
| 35 | height: calc(100vh - 50px); | 39 | height: calc(100vh - 50px); |
| 36 | background-color: #000; | 40 | background-color: #000; |
| 37 | -} | ||
| 38 | -#id_test_video{ | ||
| 39 | - display: flex; | ||
| 40 | - justify-content: center; | ||
| 41 | - align-items: center; | ||
| 42 | -} | 41 | + } |
| 42 | + | ||
| 43 | + #id_test_video { | ||
| 44 | + display: flex; | ||
| 45 | + justify-content: center; | ||
| 46 | + align-items: center; | ||
| 47 | + } | ||
| 43 | </style> | 48 | </style> |
| 44 | <style scoped> | 49 | <style scoped> |
| 45 | ->>>.vcp-player{ | ||
| 46 | - display: flex; | ||
| 47 | - justify-content: center; | ||
| 48 | - align-items: center; | ||
| 49 | - margin: 0; | ||
| 50 | -} | 50 | + >>>.vcp-player { |
| 51 | + display: flex; | ||
| 52 | + justify-content: center; | ||
| 53 | + align-items: center; | ||
| 54 | + margin: 0; | ||
| 55 | + } | ||
| 51 | </style> | 56 | </style> |
| 52 | \ No newline at end of file | 57 | \ No newline at end of file |