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 | 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 | 196 | path: '/user', |
| 197 | 197 | component: Layout, |
| ... | ... | @@ -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 | 453 | path: '/user', |
| 454 | 454 | component: Layout, | ... | ... |
src/views/live/index.vue
| 1 | 1 | <template> |
| 2 | 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 | 4 | </div> |
| 5 | 5 | </template> |
| 6 | 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 | 33 | </script> |
| 30 | 34 | <style lang="scss" scoped> |
| 31 | -.container{ | |
| 35 | + .container { | |
| 32 | 36 | display: flex; |
| 33 | 37 | justify-content: center; |
| 34 | 38 | align-items: center; |
| 35 | 39 | height: calc(100vh - 50px); |
| 36 | 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 | 48 | </style> |
| 44 | 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 | 56 | </style> |
| 52 | 57 | \ No newline at end of file | ... | ... |