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

介绍

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

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

使用

• 首先建立空文件打开控制台克隆代码到本地
  

1. git clone https://github.com/axhello/douyu-vue.git

复制代码

• 然后进行相关依赖安装(前提本地安装好了npm 和 node)
  

1. npm install
3. npm run serve

复制代码

• 运行后就可以得到
  
  浏览器直接访问即可
  其中第二个局域网地址，可以让电脑连接手机热点后再启动项目，就可以使用第二个的局域网地址再手机上浏览器上进行直接访问了，可以更好体验移动端的适配性。
  

业务分区

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

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


运行截图




核心代码

category.vue

1. <template>
2. <template>
3.   <iframe
4.     class="dy-inframe"
5.     frameborder="0"
6.     :src="roomId"></iframe>
7. </template>
8. <template>
9.   <iframe
10.     class="dy-inframe"
11.     frameborder="0"
12.     :src="roomId"></iframe>
13. </template><template>
14.   <iframe
15.     class="dy-inframe"
16.     frameborder="0"
17.     :src="roomId"></iframe>
18. </template><a
19. <template>
20.   <iframe
21.     class="dy-inframe"
22.     frameborder="0"
23.     :src="roomId"></iframe>
24. </template><template>
25.   <iframe
26.     class="dy-inframe"
27.     frameborder="0"
28.     :src="roomId"></iframe>
29. </template><template>
30.   <iframe
31.     class="dy-inframe"
32.     frameborder="0"
33.     :src="roomId"></iframe>
34. </template>v-for="(catelist, index) in catelists"
35. <template>
36.   <iframe
37.     class="dy-inframe"
38.     frameborder="0"
39.     :src="roomId"></iframe>
40. </template><template>
41.   <iframe
42.     class="dy-inframe"
43.     frameborder="0"
44.     :src="roomId"></iframe>
45. </template><template>
46.   <iframe
47.     class="dy-inframe"
48.     frameborder="0"
49.     :src="roomId"></iframe>
50. </template>:key="index"
51. <template>
52.   <iframe
53.     class="dy-inframe"
54.     frameborder="0"
55.     :src="roomId"></iframe>
56. </template><template>
57.   <iframe
58.     class="dy-inframe"
59.     frameborder="0"
60.     :src="roomId"></iframe>
61. </template><template>
62.   <iframe
63.     class="dy-inframe"
64.     frameborder="0"
65.     :src="roomId"></iframe>
66. </template>class="n-list-item"
67. <template>
68.   <iframe
69.     class="dy-inframe"
70.     frameborder="0"
71.     :src="roomId"></iframe>
72. </template><template>
73.   <iframe
74.     class="dy-inframe"
75.     frameborder="0"
76.     :src="roomId"></iframe>
77. </template><template>
78.   <iframe
79.     class="dy-inframe"
80.     frameborder="0"
81.     :src="roomId"></iframe>
82. </template>@click="rooms(catelist)">
83. <template>
84.   <iframe
85.     class="dy-inframe"
86.     frameborder="0"
87.     :src="roomId"></iframe>
88. </template><template>
89.   <iframe
90.     class="dy-inframe"
91.     frameborder="0"
92.     :src="roomId"></iframe>
93. </template><template>
94.   <iframe
95.     class="dy-inframe"
96.     frameborder="0"
97.     :src="roomId"></iframe>
98. </template><img class="live-feature" :src="catelist.icon">
99. <template>
100.   <iframe
101.     class="dy-inframe"
102.     frameborder="0"
103.     :src="roomId"></iframe>
104. </template><template>
105.   <iframe
106.     class="dy-inframe"
107.     frameborder="0"
108.     :src="roomId"></iframe>
109. </template><template>
110.   <iframe
111.     class="dy-inframe"
112.     frameborder="0"
113.     :src="roomId"></iframe>
114. </template><p class="title">
115. <template>
116.   <iframe
117.     class="dy-inframe"
118.     frameborder="0"
119.     :src="roomId"></iframe>
120. </template><template>
121.   <iframe
122.     class="dy-inframe"
123.     frameborder="0"
124.     :src="roomId"></iframe>
125. </template><template>
126.   <iframe
127.     class="dy-inframe"
128.     frameborder="0"
129.     :src="roomId"></iframe>
130. </template><template>
131.   <iframe
132.     class="dy-inframe"
133.     frameborder="0"
134.     :src="roomId"></iframe>
135. </template>{{ catelist.cate2Name }}
136. <template>
137.   <iframe
138.     class="dy-inframe"
139.     frameborder="0"
140.     :src="roomId"></iframe>
141. </template><template>
142.   <iframe
143.     class="dy-inframe"
144.     frameborder="0"
145.     :src="roomId"></iframe>
146. </template><template>
147.   <iframe
148.     class="dy-inframe"
149.     frameborder="0"
150.     :src="roomId"></iframe>
151. </template></p>
152. <template>
153.   <iframe
154.     class="dy-inframe"
155.     frameborder="0"
156.     :src="roomId"></iframe>
157. </template><template>
158.   <iframe
159.     class="dy-inframe"
160.     frameborder="0"
161.     :src="roomId"></iframe>
162. </template></a>
163. <template>
164.   <iframe
165.     class="dy-inframe"
166.     frameborder="0"
167.     :src="roomId"></iframe>
168. </template>
169. </template>

复制代码

detail.vue

1. <template>
2.   <iframe
3.     class="dy-inframe"
4.     frameborder="0"
5.     :src="roomId"></iframe>
6. </template>

复制代码

home.vue

1. <template>
2.   <iframe
3.     class="dy-inframe"
4.     frameborder="0"
5.     :src="roomId"></iframe>
6. </template><template>
7.   <iframe
8.     class="dy-inframe"
9.     frameborder="0"
10.     :src="roomId"></iframe>
11. </template><template>
12.   <iframe
13.     class="dy-inframe"
14.     frameborder="0"
15.     :src="roomId"></iframe>
16. </template><template>
17.   <iframe
18.     class="dy-inframe"
19.     frameborder="0"
20.     :src="roomId"></iframe>
21. </template><template>
22.   <iframe
23.     class="dy-inframe"
24.     frameborder="0"
25.     :src="roomId"></iframe>
26. </template><template>
27.   <iframe
28.     class="dy-inframe"
29.     frameborder="0"
30.     :src="roomId"></iframe>
31. </template><template>
32.   <iframe
33.     class="dy-inframe"
34.     frameborder="0"
35.     :src="roomId"></iframe>
36. </template><template>
37.   <iframe
38.     class="dy-inframe"
39.     frameborder="0"
40.     :src="roomId"></iframe>
41. </template><template>
42.   <iframe
43.     class="dy-inframe"
44.     frameborder="0"
45.     :src="roomId"></iframe>
46. </template><template>
47.   <iframe
48.     class="dy-inframe"
49.     frameborder="0"
50.     :src="roomId"></iframe>
51. </template><template>
52.   <iframe
53.     class="dy-inframe"
54.     frameborder="0"
55.     :src="roomId"></iframe>
56. </template><template>
57.   <iframe
58.     class="dy-inframe"
59.     frameborder="0"
60.     :src="roomId"></iframe>
61. </template><template>
62.   <iframe
63.     class="dy-inframe"
64.     frameborder="0"
65.     :src="roomId"></iframe>
66. </template><template>
67.   <iframe
68.     class="dy-inframe"
69.     frameborder="0"
70.     :src="roomId"></iframe>
71. </template><template>
72.   <iframe
73.     class="dy-inframe"
74.     frameborder="0"
75.     :src="roomId"></iframe>
76. </template><template>
77.   <iframe
78.     class="dy-inframe"
79.     frameborder="0"
80.     :src="roomId"></iframe>
81. </template><template>
82.   <iframe
83.     class="dy-inframe"
84.     frameborder="0"
85.     :src="roomId"></iframe>
86. </template><template>
87.   <iframe
88.     class="dy-inframe"
89.     frameborder="0"
90.     :src="roomId"></iframe>
91. </template>[img]http://dis.qidao123.com/livelist.roomSrc[/img]<template>
92.   <iframe
93.     class="dy-inframe"
94.     frameborder="0"
95.     :src="roomId"></iframe>
96. </template><template>
97.   <iframe
98.     class="dy-inframe"
99.     frameborder="0"
100.     :src="roomId"></iframe>
101. </template><template>
102.   <iframe
103.     class="dy-inframe"
104.     frameborder="0"
105.     :src="roomId"></iframe>
106. </template><template>
107.   <iframe
108.     class="dy-inframe"
109.     frameborder="0"
110.     :src="roomId"></iframe>
111. </template><template>
112.   <iframe
113.     class="dy-inframe"
114.     frameborder="0"
115.     :src="roomId"></iframe>
116. </template><template>
117.   <iframe
118.     class="dy-inframe"
119.     frameborder="0"
120.     :src="roomId"></iframe>
121. </template><template>
122.   <iframe
123.     class="dy-inframe"
124.     frameborder="0"
125.     :src="roomId"></iframe>
126. </template><template>
127.   <iframe
128.     class="dy-inframe"
129.     frameborder="0"
130.     :src="roomId"></iframe>
131. </template><template>
132.   <iframe
133.     class="dy-inframe"
134.     frameborder="0"
135.     :src="roomId"></iframe>
136. </template><template>
137.   <iframe
138.     class="dy-inframe"
139.     frameborder="0"
140.     :src="roomId"></iframe>
141. </template><template>
142.   <iframe
143.     class="dy-inframe"
144.     frameborder="0"
145.     :src="roomId"></iframe>
146. </template>{{ livelist.roomName }}<template>
147.   <iframe
148.     class="dy-inframe"
149.     frameborder="0"
150.     :src="roomId"></iframe>
151. </template><template>
152.   <iframe
153.     class="dy-inframe"
154.     frameborder="0"
155.     :src="roomId"></iframe>
156. </template><template>
157.   <iframe
158.     class="dy-inframe"
159.     frameborder="0"
160.     :src="roomId"></iframe>
161. </template><template>
162.   <iframe
163.     class="dy-inframe"
164.     frameborder="0"
165.     :src="roomId"></iframe>
166. </template><template>
167.   <iframe
168.     class="dy-inframe"
169.     frameborder="0"
170.     :src="roomId"></iframe>
171. </template><template>
172.   <iframe
173.     class="dy-inframe"
174.     frameborder="0"
175.     :src="roomId"></iframe>
176. </template><template>
177.   <iframe
178.     class="dy-inframe"
179.     frameborder="0"
180.     :src="roomId"></iframe>
181. </template><template>
182.   <iframe
183.     class="dy-inframe"
184.     frameborder="0"
185.     :src="roomId"></iframe>
186. </template><template>
187.   <iframe
188.     class="dy-inframe"
189.     frameborder="0"
190.     :src="roomId"></iframe>
191. </template><template>
192.   <iframe
193.     class="dy-inframe"
194.     frameborder="0"
195.     :src="roomId"></iframe>
196. </template><template>
197.   <iframe
198.     class="dy-inframe"
199.     frameborder="0"
200.     :src="roomId"></iframe>
201. </template><template>
202.   <iframe
203.     class="dy-inframe"
204.     frameborder="0"
205.     :src="roomId"></iframe>
206. </template><template>
207.   <iframe
208.     class="dy-inframe"
209.     frameborder="0"
210.     :src="roomId"></iframe>
211. </template><template>
212.   <iframe
213.     class="dy-inframe"
214.     frameborder="0"
215.     :src="roomId"></iframe>
216. </template><template>
217.   <iframe
218.     class="dy-inframe"
219.     frameborder="0"
220.     :src="roomId"></iframe>
221. </template><template>
222.   <iframe
223.     class="dy-inframe"
224.     frameborder="0"
225.     :src="roomId"></iframe>
226. </template><template>
227.   <iframe
228.     class="dy-inframe"
229.     frameborder="0"
230.     :src="roomId"></iframe>
231. </template><template>
232.   <iframe
233.     class="dy-inframe"
234.     frameborder="0"
235.     :src="roomId"></iframe>
236. </template><template>
237.   <iframe
238.     class="dy-inframe"
239.     frameborder="0"
240.     :src="roomId"></iframe>
241. </template><template>
242.   <iframe
243.     class="dy-inframe"
244.     frameborder="0"
245.     :src="roomId"></iframe>
246. </template><template>
247.   <iframe
248.     class="dy-inframe"
249.     frameborder="0"
250.     :src="roomId"></iframe>
251. </template><template>
252.   <iframe
253.     class="dy-inframe"
254.     frameborder="0"
255.     :src="roomId"></iframe>
256. </template><template>
257.   <iframe
258.     class="dy-inframe"
259.     frameborder="0"
260.     :src="roomId"></iframe>
261. </template>{{ livelist.nickname }}<template>
262.   <iframe
263.     class="dy-inframe"
264.     frameborder="0"
265.     :src="roomId"></iframe>
266. </template><template>
267.   <iframe
268.     class="dy-inframe"
269.     frameborder="0"
270.     :src="roomId"></iframe>
271. </template><template>
272.   <iframe
273.     class="dy-inframe"
274.     frameborder="0"
275.     :src="roomId"></iframe>
276. </template><template>
277.   <iframe
278.     class="dy-inframe"
279.     frameborder="0"
280.     :src="roomId"></iframe>
281. </template><template>
282.   <iframe
283.     class="dy-inframe"
284.     frameborder="0"
285.     :src="roomId"></iframe>
286. </template><template>
287.   <iframe
288.     class="dy-inframe"
289.     frameborder="0"
290.     :src="roomId"></iframe>
291. </template><template>
292.   <iframe
293.     class="dy-inframe"
294.     frameborder="0"
295.     :src="roomId"></iframe>
296. </template><template>
297.   <iframe
298.     class="dy-inframe"
299.     frameborder="0"
300.     :src="roomId"></iframe>
301. </template><template>
302.   <iframe
303.     class="dy-inframe"
304.     frameborder="0"
305.     :src="roomId"></iframe>
306. </template><template>
307.   <iframe
308.     class="dy-inframe"
309.     frameborder="0"
310.     :src="roomId"></iframe>
311. </template><template>
312.   <iframe
313.     class="dy-inframe"
314.     frameborder="0"
315.     :src="roomId"></iframe>
316. </template><template>
317.   <iframe
318.     class="dy-inframe"
319.     frameborder="0"
320.     :src="roomId"></iframe>
321. </template><template>
322.   <iframe
323.     class="dy-inframe"
324.     frameborder="0"
325.     :src="roomId"></iframe>
326. </template><template>
327.   <iframe
328.     class="dy-inframe"
329.     frameborder="0"
330.     :src="roomId"></iframe>
331. </template><template>
332.   <iframe
333.     class="dy-inframe"
334.     frameborder="0"
335.     :src="roomId"></iframe>
336. </template><template>
337.   <iframe
338.     class="dy-inframe"
339.     frameborder="0"
340.     :src="roomId"></iframe>
341. </template><template>
342.   <iframe
343.     class="dy-inframe"
344.     frameborder="0"
345.     :src="roomId"></iframe>
346. </template><template>
347.   <iframe
348.     class="dy-inframe"
349.     frameborder="0"
350.     :src="roomId"></iframe>
351. </template><template>
352.   <iframe
353.     class="dy-inframe"
354.     frameborder="0"
355.     :src="roomId"></iframe>
356. </template>{{ livelist.hn }}<template>
357.   <iframe
358.     class="dy-inframe"
359.     frameborder="0"
360.     :src="roomId"></iframe>
361. </template><template>
362.   <iframe
363.     class="dy-inframe"
364.     frameborder="0"
365.     :src="roomId"></iframe>
366. </template><template>
367.   <iframe
368.     class="dy-inframe"
369.     frameborder="0"
370.     :src="roomId"></iframe>
371. </template><template>
372.   <iframe
373.     class="dy-inframe"
374.     frameborder="0"
375.     :src="roomId"></iframe>
376. </template><template>
377.   <iframe
378.     class="dy-inframe"
379.     frameborder="0"
380.     :src="roomId"></iframe>
381. </template><template>
382.   <iframe
383.     class="dy-inframe"
384.     frameborder="0"
385.     :src="roomId"></iframe>
386. </template><template>
387.   <iframe
388.     class="dy-inframe"
389.     frameborder="0"
390.     :src="roomId"></iframe>
391. </template><template>
392.   <iframe
393.     class="dy-inframe"
394.     frameborder="0"
395.     :src="roomId"></iframe>
396. </template><template>
397.   <iframe
398.     class="dy-inframe"
399.     frameborder="0"
400.     :src="roomId"></iframe>
401. </template><template>
402.   <iframe
403.     class="dy-inframe"
404.     frameborder="0"
405.     :src="roomId"></iframe>
406. </template><template>
407.   <iframe
408.     class="dy-inframe"
409.     frameborder="0"
410.     :src="roomId"></iframe>
411. </template><template>
412.   <iframe
413.     class="dy-inframe"
414.     frameborder="0"
415.     :src="roomId"></iframe>
416. </template><template>
417.   <iframe
418.     class="dy-inframe"
419.     frameborder="0"
420.     :src="roomId"></iframe>
421. </template><template>
422.   <iframe
423.     class="dy-inframe"
424.     frameborder="0"
425.     :src="roomId"></iframe>
426. </template><template>
427.   <iframe
428.     class="dy-inframe"
429.     frameborder="0"
430.     :src="roomId"></iframe>
431. </template><template>
432.   <iframe
433.     class="dy-inframe"
434.     frameborder="0"
435.     :src="roomId"></iframe>
436. </template><template>
437.   <iframe
438.     class="dy-inframe"
439.     frameborder="0"
440.     :src="roomId"></iframe>
441. </template><template>
442.   <iframe
443.     class="dy-inframe"
444.     frameborder="0"
445.     :src="roomId"></iframe>
446. </template><template>
447.   <iframe
448.     class="dy-inframe"
449.     frameborder="0"
450.     :src="roomId"></iframe>
451. </template><template>
452.   <iframe
453.     class="dy-inframe"
454.     frameborder="0"
455.     :src="roomId"></iframe>
456. </template><template>
457.   <iframe
458.     class="dy-inframe"
459.     frameborder="0"
460.     :src="roomId"></iframe>
461. </template>

复制代码

rooms.vue

1. <template>
2.   <iframe
3.     class="dy-inframe"
4.     frameborder="0"
5.     :src="roomId"></iframe>
6. </template><template>
7.   <iframe
8.     class="dy-inframe"
9.     frameborder="0"
10.     :src="roomId"></iframe>
11. </template><template>
12.   <iframe
13.     class="dy-inframe"
14.     frameborder="0"
15.     :src="roomId"></iframe>
16. </template><template>
17.   <iframe
18.     class="dy-inframe"
19.     frameborder="0"
20.     :src="roomId"></iframe>
21. </template><template>
22.   <iframe
23.     class="dy-inframe"
24.     frameborder="0"
25.     :src="roomId"></iframe>
26. </template><template>
27.   <iframe
28.     class="dy-inframe"
29.     frameborder="0"
30.     :src="roomId"></iframe>
31. </template><template>
32.   <iframe
33.     class="dy-inframe"
34.     frameborder="0"
35.     :src="roomId"></iframe>
36. </template><template>
37.   <iframe
38.     class="dy-inframe"
39.     frameborder="0"
40.     :src="roomId"></iframe>
41. </template><template>
42.   <iframe
43.     class="dy-inframe"
44.     frameborder="0"
45.     :src="roomId"></iframe>
46. </template>{{ cateName }}<template>
47.   <iframe
48.     class="dy-inframe"
49.     frameborder="0"
50.     :src="roomId"></iframe>
51. </template><template>
52.   <iframe
53.     class="dy-inframe"
54.     frameborder="0"
55.     :src="roomId"></iframe>
56. </template><template>
57.   <iframe
58.     class="dy-inframe"
59.     frameborder="0"
60.     :src="roomId"></iframe>
61. </template>[b]{{ gameName }}[/b]<template>
62.   <iframe
63.     class="dy-inframe"
64.     frameborder="0"
65.     :src="roomId"></iframe>
66. </template><template>
67.   <iframe
68.     class="dy-inframe"
69.     frameborder="0"
70.     :src="roomId"></iframe>
71. </template><template>
72.   <iframe
73.     class="dy-inframe"
74.     frameborder="0"
75.     :src="roomId"></iframe>
76. </template><template>
77.   <iframe
78.     class="dy-inframe"
79.     frameborder="0"
80.     :src="roomId"></iframe>
81. </template><template>
82.   <iframe
83.     class="dy-inframe"
84.     frameborder="0"
85.     :src="roomId"></iframe>
86. </template><template>
87.   <iframe
88.     class="dy-inframe"
89.     frameborder="0"
90.     :src="roomId"></iframe>
91. </template><template>
92.   <iframe
93.     class="dy-inframe"
94.     frameborder="0"
95.     :src="roomId"></iframe>
96. </template><template>
97.   <iframe
98.     class="dy-inframe"
99.     frameborder="0"
100.     :src="roomId"></iframe>
101. </template><template>
102.   <iframe
103.     class="dy-inframe"
104.     frameborder="0"
105.     :src="roomId"></iframe>
106. </template><template>
107.   <iframe
108.     class="dy-inframe"
109.     frameborder="0"
110.     :src="roomId"></iframe>
111. </template><template>
112.   <iframe
113.     class="dy-inframe"
114.     frameborder="0"
115.     :src="roomId"></iframe>
116. </template>[img]http://dis.qidao123.com/roomlist.roomSrc[/img]<template>
117.   <iframe
118.     class="dy-inframe"
119.     frameborder="0"
120.     :src="roomId"></iframe>
121. </template><template>
122.   <iframe
123.     class="dy-inframe"
124.     frameborder="0"
125.     :src="roomId"></iframe>
126. </template><template>
127.   <iframe
128.     class="dy-inframe"
129.     frameborder="0"
130.     :src="roomId"></iframe>
131. </template><template>
132.   <iframe
133.     class="dy-inframe"
134.     frameborder="0"
135.     :src="roomId"></iframe>
136. </template><template>
137.   <iframe
138.     class="dy-inframe"
139.     frameborder="0"
140.     :src="roomId"></iframe>
141. </template><template>
142.   <iframe
143.     class="dy-inframe"
144.     frameborder="0"
145.     :src="roomId"></iframe>
146. </template><template>
147.   <iframe
148.     class="dy-inframe"
149.     frameborder="0"
150.     :src="roomId"></iframe>
151. </template><template>
152.   <iframe
153.     class="dy-inframe"
154.     frameborder="0"
155.     :src="roomId"></iframe>
156. </template><template>
157.   <iframe
158.     class="dy-inframe"
159.     frameborder="0"
160.     :src="roomId"></iframe>
161. </template>{{ roomlist.roomName }}<template>
162.   <iframe
163.     class="dy-inframe"
164.     frameborder="0"
165.     :src="roomId"></iframe>
166. </template><template>
167.   <iframe
168.     class="dy-inframe"
169.     frameborder="0"
170.     :src="roomId"></iframe>
171. </template><template>
172.   <iframe
173.     class="dy-inframe"
174.     frameborder="0"
175.     :src="roomId"></iframe>
176. </template><template>
177.   <iframe
178.     class="dy-inframe"
179.     frameborder="0"
180.     :src="roomId"></iframe>
181. </template><template>
182.   <iframe
183.     class="dy-inframe"
184.     frameborder="0"
185.     :src="roomId"></iframe>
186. </template><template>
187.   <iframe
188.     class="dy-inframe"
189.     frameborder="0"
190.     :src="roomId"></iframe>
191. </template><template>
192.   <iframe
193.     class="dy-inframe"
194.     frameborder="0"
195.     :src="roomId"></iframe>
196. </template><template>
197.   <iframe
198.     class="dy-inframe"
199.     frameborder="0"
200.     :src="roomId"></iframe>
201. </template><template>
202.   <iframe
203.     class="dy-inframe"
204.     frameborder="0"
205.     :src="roomId"></iframe>
206. </template><template>
207.   <iframe
208.     class="dy-inframe"
209.     frameborder="0"
210.     :src="roomId"></iframe>
211. </template><template>
212.   <iframe
213.     class="dy-inframe"
214.     frameborder="0"
215.     :src="roomId"></iframe>
216. </template><template>
217.   <iframe
218.     class="dy-inframe"
219.     frameborder="0"
220.     :src="roomId"></iframe>
221. </template><template>
222.   <iframe
223.     class="dy-inframe"
224.     frameborder="0"
225.     :src="roomId"></iframe>
226. </template><template>
227.   <iframe
228.     class="dy-inframe"
229.     frameborder="0"
230.     :src="roomId"></iframe>
231. </template><template>
232.   <iframe
233.     class="dy-inframe"
234.     frameborder="0"
235.     :src="roomId"></iframe>
236. </template><template>
237.   <iframe
238.     class="dy-inframe"
239.     frameborder="0"
240.     :src="roomId"></iframe>
241. </template><template>
242.   <iframe
243.     class="dy-inframe"
244.     frameborder="0"
245.     :src="roomId"></iframe>
246. </template><template>
247.   <iframe
248.     class="dy-inframe"
249.     frameborder="0"
250.     :src="roomId"></iframe>
251. </template><template>
252.   <iframe
253.     class="dy-inframe"
254.     frameborder="0"
255.     :src="roomId"></iframe>
256. </template>{{ roomlist.nickname }}<template>
257.   <iframe
258.     class="dy-inframe"
259.     frameborder="0"
260.     :src="roomId"></iframe>
261. </template><template>
262.   <iframe
263.     class="dy-inframe"
264.     frameborder="0"
265.     :src="roomId"></iframe>
266. </template><template>
267.   <iframe
268.     class="dy-inframe"
269.     frameborder="0"
270.     :src="roomId"></iframe>
271. </template><template>
272.   <iframe
273.     class="dy-inframe"
274.     frameborder="0"
275.     :src="roomId"></iframe>
276. </template><template>
277.   <iframe
278.     class="dy-inframe"
279.     frameborder="0"
280.     :src="roomId"></iframe>
281. </template><template>
282.   <iframe
283.     class="dy-inframe"
284.     frameborder="0"
285.     :src="roomId"></iframe>
286. </template><template>
287.   <iframe
288.     class="dy-inframe"
289.     frameborder="0"
290.     :src="roomId"></iframe>
291. </template><template>
292.   <iframe
293.     class="dy-inframe"
294.     frameborder="0"
295.     :src="roomId"></iframe>
296. </template><template>
297.   <iframe
298.     class="dy-inframe"
299.     frameborder="0"
300.     :src="roomId"></iframe>
301. </template><template>
302.   <iframe
303.     class="dy-inframe"
304.     frameborder="0"
305.     :src="roomId"></iframe>
306. </template><template>
307.   <iframe
308.     class="dy-inframe"
309.     frameborder="0"
310.     :src="roomId"></iframe>
311. </template><template>
312.   <iframe
313.     class="dy-inframe"
314.     frameborder="0"
315.     :src="roomId"></iframe>
316. </template><template>
317.   <iframe
318.     class="dy-inframe"
319.     frameborder="0"
320.     :src="roomId"></iframe>
321. </template><template>
322.   <iframe
323.     class="dy-inframe"
324.     frameborder="0"
325.     :src="roomId"></iframe>
326. </template><template>
327.   <iframe
328.     class="dy-inframe"
329.     frameborder="0"
330.     :src="roomId"></iframe>
331. </template><template>
332.   <iframe
333.     class="dy-inframe"
334.     frameborder="0"
335.     :src="roomId"></iframe>
336. </template>{{ roomlist.hn }}<template>
337.   <iframe
338.     class="dy-inframe"
339.     frameborder="0"
340.     :src="roomId"></iframe>
341. </template><template>
342.   <iframe
343.     class="dy-inframe"
344.     frameborder="0"
345.     :src="roomId"></iframe>
346. </template><template>
347.   <iframe
348.     class="dy-inframe"
349.     frameborder="0"
350.     :src="roomId"></iframe>
351. </template><template>
352.   <iframe
353.     class="dy-inframe"
354.     frameborder="0"
355.     :src="roomId"></iframe>
356. </template><template>
357.   <iframe
358.     class="dy-inframe"
359.     frameborder="0"
360.     :src="roomId"></iframe>
361. </template><template>
362.   <iframe
363.     class="dy-inframe"
364.     frameborder="0"
365.     :src="roomId"></iframe>
366. </template><template>
367.   <iframe
368.     class="dy-inframe"
369.     frameborder="0"
370.     :src="roomId"></iframe>
371. </template><template>
372.   <iframe
373.     class="dy-inframe"
374.     frameborder="0"
375.     :src="roomId"></iframe>
376. </template><template>
377.   <iframe
378.     class="dy-inframe"
379.     frameborder="0"
380.     :src="roomId"></iframe>
381. </template><template>
382.   <iframe
383.     class="dy-inframe"
384.     frameborder="0"
385.     :src="roomId"></iframe>
386. </template><template>
387.   <iframe
388.     class="dy-inframe"
389.     frameborder="0"
390.     :src="roomId"></iframe>
391. </template><template>
392.   <iframe
393.     class="dy-inframe"
394.     frameborder="0"
395.     :src="roomId"></iframe>
396. </template><template>
397.   <iframe
398.     class="dy-inframe"
399.     frameborder="0"
400.     :src="roomId"></iframe>
401. </template><template>
402.   <iframe
403.     class="dy-inframe"
404.     frameborder="0"
405.     :src="roomId"></iframe>
406. </template><template>
407.   <iframe
408.     class="dy-inframe"
409.     frameborder="0"
410.     :src="roomId"></iframe>
411. </template><template>
412.   <iframe
413.     class="dy-inframe"
414.     frameborder="0"
415.     :src="roomId"></iframe>
416. </template><template>
417.   <iframe
418.     class="dy-inframe"
419.     frameborder="0"
420.     :src="roomId"></iframe>
421. </template><template>
422.   <iframe
423.     class="dy-inframe"
424.     frameborder="0"
425.     :src="roomId"></iframe>
426. </template><template>
427.   <iframe
428.     class="dy-inframe"
429.     frameborder="0"
430.     :src="roomId"></iframe>
431. </template><template>
432.   <iframe
433.     class="dy-inframe"
434.     frameborder="0"
435.     :src="roomId"></iframe>
436. </template><template>
437.   <iframe
438.     class="dy-inframe"
439.     frameborder="0"
440.     :src="roomId"></iframe>
441. </template><template>
442.   <iframe
443.     class="dy-inframe"
444.     frameborder="0"
445.     :src="roomId"></iframe>
446. </template><template>
447.   <iframe
448.     class="dy-inframe"
449.     frameborder="0"
450.     :src="roomId"></iframe>
451. </template><template>
452.   <iframe
453.     class="dy-inframe"
454.     frameborder="0"
455.     :src="roomId"></iframe>
456. </template><template>
457.   <iframe
458.     class="dy-inframe"
459.     frameborder="0"
460.     :src="roomId"></iframe>
461. </template><template>
462.   <iframe
463.     class="dy-inframe"
464.     frameborder="0"
465.     :src="roomId"></iframe>
466. </template><template>
467.   <iframe
468.     class="dy-inframe"
469.     frameborder="0"
470.     :src="roomId"></iframe>
471. </template><template>
472.   <iframe
473.     class="dy-inframe"
474.     frameborder="0"
475.     :src="roomId"></iframe>
476. </template>加载更多<template>
477.   <iframe
478.     class="dy-inframe"
479.     frameborder="0"
480.     :src="roomId"></iframe>
481. </template><template>
482.   <iframe
483.     class="dy-inframe"
484.     frameborder="0"
485.     :src="roomId"></iframe>
486. </template><template>
487.   <iframe
488.     class="dy-inframe"
489.     frameborder="0"
490.     :src="roomId"></iframe>
491. </template><template>
492.   <iframe
493.     class="dy-inframe"
494.     frameborder="0"
495.     :src="roomId"></iframe>
496. </template><template>
497.   <iframe
498.     class="dy-inframe"
499.     frameborder="0"
500.     :src="roomId"></iframe>
501. </template><template>
502.   <iframe
503.     class="dy-inframe"
504.     frameborder="0"
505.     :src="roomId"></iframe>
506. </template><template>
507.   <iframe
508.     class="dy-inframe"
509.     frameborder="0"
510.     :src="roomId"></iframe>
511. </template><template>
512.   <iframe
513.     class="dy-inframe"
514.     frameborder="0"
515.     :src="roomId"></iframe>
516. </template><template>
517.   <iframe
518.     class="dy-inframe"
519.     frameborder="0"
520.     :src="roomId"></iframe>
521. </template><template>
522.   <iframe
523.     class="dy-inframe"
524.     frameborder="0"
525.     :src="roomId"></iframe>
526. </template><template>
527.   <iframe
528.     class="dy-inframe"
529.     frameborder="0"
530.     :src="roomId"></iframe>
531. </template><template>
532.   <iframe
533.     class="dy-inframe"
534.     frameborder="0"
535.     :src="roomId"></iframe>
536. </template><template>
537.   <iframe
538.     class="dy-inframe"
539.     frameborder="0"
540.     :src="roomId"></iframe>
541. </template><template>
542.   <iframe
543.     class="dy-inframe"
544.     frameborder="0"
545.     :src="roomId"></iframe>
546. </template><template>
547.   <iframe
548.     class="dy-inframe"
549.     frameborder="0"
550.     :src="roomId"></iframe>
551. </template><template>
552.   <iframe
553.     class="dy-inframe"
554.     frameborder="0"
555.     :src="roomId"></iframe>
556. </template><template>
557.   <iframe
558.     class="dy-inframe"
559.     frameborder="0"
560.     :src="roomId"></iframe>
561. </template><template>
562.   <iframe
563.     class="dy-inframe"
564.     frameborder="0"
565.     :src="roomId"></iframe>
566. </template><template>
567.   <iframe
568.     class="dy-inframe"
569.     frameborder="0"
570.     :src="roomId"></iframe>
571. </template><template>
572.   <iframe
573.     class="dy-inframe"
574.     frameborder="0"
575.     :src="roomId"></iframe>
576. </template><template>
577.   <iframe
578.     class="dy-inframe"
579.     frameborder="0"
580.     :src="roomId"></iframe>
581. </template><template>
582.   <iframe
583.     class="dy-inframe"
584.     frameborder="0"
585.     :src="roomId"></iframe>
586. </template><template>
587.   <iframe
588.     class="dy-inframe"
589.     frameborder="0"
590.     :src="roomId"></iframe>
591. </template><template>
592.   <iframe
593.     class="dy-inframe"
594.     frameborder="0"
595.     :src="roomId"></iframe>
596. </template><template>
597.   <iframe
598.     class="dy-inframe"
599.     frameborder="0"
600.     :src="roomId"></iframe>
601. </template><template>
602.   <iframe
603.     class="dy-inframe"
604.     frameborder="0"
605.     :src="roomId"></iframe>
606. </template><template>
607.   <iframe
608.     class="dy-inframe"
609.     frameborder="0"
610.     :src="roomId"></iframe>
611. </template><template>
612.   <iframe
613.     class="dy-inframe"
614.     frameborder="0"
615.     :src="roomId"></iframe>
616. </template><template>
617.   <iframe
618.     class="dy-inframe"
619.     frameborder="0"
620.     :src="roomId"></iframe>
621. </template><template>
622.   <iframe
623.     class="dy-inframe"
624.     frameborder="0"
625.     :src="roomId"></iframe>
626. </template><template>
627.   <iframe
628.     class="dy-inframe"
629.     frameborder="0"
630.     :src="roomId"></iframe>
631. </template><template>
632.   <iframe
633.     class="dy-inframe"
634.     frameborder="0"
635.     :src="roomId"></iframe>
636. </template><template>
637.   <iframe
638.     class="dy-inframe"
639.     frameborder="0"
640.     :src="roomId"></iframe>
641. </template>

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！