85 lines
2.4 KiB
Vue
85 lines
2.4 KiB
Vue
<template lang="pug">
|
|
.Live
|
|
Recommend(theme="theme1" :list="RecommendList")
|
|
Comment(:comment-list="CommentList")
|
|
Swiper(:swiper="SwiperList")
|
|
</template>
|
|
|
|
<script>
|
|
import Recommend from "../components/recommend";
|
|
import Comment from "../components/Comment";
|
|
import Swiper from "../components/Swiper";
|
|
|
|
export default {
|
|
name: "Live",
|
|
components: {
|
|
Recommend,
|
|
Comment,
|
|
Swiper
|
|
},
|
|
provide: {
|
|
title: '相关推荐',
|
|
},
|
|
data() {
|
|
return {
|
|
// title: '相关推荐',
|
|
RecommendList: [
|
|
{
|
|
title: '合肥首个铁路主题公园来了！规模等于两个逍遥津！目测会火，位置在这' ,
|
|
img: '/img/recommend_right.png',
|
|
date: '2019-10-6',
|
|
videoTime: '03:07'
|
|
},
|
|
{
|
|
title: '合肥首个铁路主题公园来了！规模等于两个逍遥津！目测会火，位置在这' ,
|
|
img: '/img/recommend_right.png',
|
|
date: '2019-10-6',
|
|
videoTime: '03:07'
|
|
},
|
|
{
|
|
title: '合肥首个铁路主题公园来了！规模等于两个逍遥津！目测会火，位置在这' ,
|
|
img: '/img/recommend_right.png',
|
|
date: '2019-10-6',
|
|
videoTime: '03:07'
|
|
},
|
|
{
|
|
title: '合肥首个铁路主题公园来了！规模等于两个逍遥津！目测会火，位置在这' ,
|
|
img: '/img/recommend_right.png',
|
|
date: '2019-10-6',
|
|
videoTime: '03:07'
|
|
},
|
|
{
|
|
title: '合肥首个铁路主题公园来了！规模等于两个逍遥津！目测会火，位置在这' ,
|
|
img: '/img/recommend_right.png',
|
|
date: '2019-10-6',
|
|
videoTime: '03:07'
|
|
},
|
|
],
|
|
CommentList: [
|
|
{
|
|
logo: '/img/radio_up.png',
|
|
auth: '呆小瓜',
|
|
time: '3秒前',
|
|
zan: 15,
|
|
content: "这里是评论的文字这里是评论的文字这里是评论的文字这里是评论的文字这里是评论的文字这里是评论的文字这里是评论的文字"
|
|
},
|
|
{
|
|
logo: '/img/radio_up.png',
|
|
auth: '哈哈哈',
|
|
time: '10秒前',
|
|
zan: 999,
|
|
content: "错误的分为非威风无法威锋网成为"
|
|
}
|
|
],
|
|
SwiperList: [
|
|
'/img/banner.png','/img/banner.png','/img/banner.png','/img/banner.png','/img/banner.png'
|
|
]
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
</style>
|