魏晓东 发表于 2022-6-26 15:03:27

基于斗鱼的娱乐直播视频平台--Vue移动端页面

介绍

本次项目是移动应用网页课程的大作业,项目使用github上一开源项目学习开发而来。
https://github.com/axhello/douyu-vue
本项目基本就是斗鱼手机移动端的复刻,除了没有评论功能,以外功能都差不多,其后端也是对接的官方的api接口。
源码压缩包地址
https://download.csdn.net/download/david2000999/85656221
学习建议


[*]本项目可以帮助初学者更好理解完整的前后端开发模式,如何进行前后端数对接,其中格外注意数据传输和展示的格式
[*]对于想要业务功能的同学,可以直接搭建一个后端自己的数据库,承接自己新业务上的数据,比如开发自己的评论区,和一些数据统计页面,添加数据分析功能等等。
使用


[*]首先建立空文件打开控制台克隆代码到本地
git clone https://github.com/axhello/douyu-vue.git
[*]然后进行相关依赖安装(前提本地安装好了npm 和 node)
npm install

npm run serve
[*]运行后就可以得到
https://img-blog.csdnimg.cn/14303321280b4bb8acf1d448ddc18638.png
浏览器直接访问即可
其中第二个局域网地址,可以让电脑连接手机热点后再启动项目,就可以使用第二个的局域网地址再手机上浏览器上进行直接访问了,可以更好体验移动端的适配性。
业务分区

(1)首页:最新活动也展示和热度最高的直播间
(2)分区页:星势力,网游竞技,单机热游,手游休闲,娱乐天地,科技文化,语音互动,语音直播,正能量,赛车竞技,京斗云
(3)分类页:各个具体分区页中的再分类页
(4)推荐区:直播区和视频区下方还有类似内容推荐内容
(5)搜索区:搜索栏中进行定向内容的搜索
功能设计

(1)直播内容展示
(2)搜索相关内容
(3)直播内容分类
(4)推荐相关直播内容
(5)热点内容滚动展示
(6)获取斗鱼安装下载
软件架构

https://img-blog.csdnimg.cn/cc03ef1d00a1436689db1698b3db82e0.png
运行截图

https://img-blog.csdnimg.cn/20ef2d7b281046fc946a5da0f8684f7b.png
https://img-blog.csdnimg.cn/90aaa18a6852430292ec961d3d5cb153.png
https://img-blog.csdnimg.cn/9aa20a17b31540b0a17da8adc7db032b.png
核心代码

category.vue
<template>
<template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template>
<template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><a
<template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template>v-for="(catelist, index) in catelists"
<template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template>:key="index"
<template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template>class="n-list-item"
<template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template>@click="rooms(catelist)">
<template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><img class="live-feature" :src="catelist.icon">
<template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><p class="title">
<template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template>{{ catelist.cate2Name }}
<template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template></p>
<template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template></a>
<template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template>
</template> detail.vue
<template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template> home.vue
<template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template>http://dis.qidao123.com/livelist.roomSrc<template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template>{{ livelist.roomName }}<template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template>{{ livelist.nickname }}<template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template>{{ livelist.hn }}<template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template> rooms.vue
<template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template>{{ cateName }}<template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template>{{ gameName }}<template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template>http://dis.qidao123.com/roomlist.roomSrc<template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template>{{ roomlist.roomName }}<template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template>{{ roomlist.nickname }}<template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template>{{ roomlist.hn }}<template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template>加载更多<template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template><template>
<iframe
    class="dy-inframe"
    frameborder="0"
    :src="roomId"></iframe>
</template>
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
页: [1]
查看完整版本: 基于斗鱼的娱乐直播视频平台--Vue移动端页面