"视频新闻"组件:<news-video> —— 快应用组件库H-UI




<import name="divider" src="../Common/ui/h-ui/advance/c_divider"></import>
<import name="news" src="../Common/ui/h-ui/scene/c_news"></import>
<import name="news-video" src="../../Common/ui/h-ui/scene/c_news_video"></import>
<template>
    <div class="container-full">
        <news-video data="{{data}}"></news-video>
        <div class="container">
            <divider text="推荐观看"></divider>
            <news data="{{data2}}"></news>
        </div>
    </div>
</template>

<style lang="less">
    @import '../Common/styles/container.less';
</style>

<script>
    export default {
        private: {
            data:{
                src: 'https://ss0.bdstatic.com/-0U0bnSm1A5BphGlnYG/cae-legoup-video-target/93be3d88-9fc2-4fbd-bd14-833bca731ca7.mp4',
                poster: "https://h-ui.obs.cn-south-1.myhuaweicloud.com/image/p_news_three_p2.png",
                title: '快应用H-UI ——— 致力于打造体验最好的快应用UI库',
                source: 'H-UI官方',
                date: '2020/3/15',
                playCount: 13288
            },
            data2:[
                {
                    url: "/Scene_News_Image",
                    title: "视图新闻",
                    pic: "https://h-ui.obs.cn-south-1.myhuaweicloud.com/image/picture5.png",
                    creator: "不做加班狗",
                    creationTime: "15分钟前"
                },{
                    url: "/Scene_News_Hot",
                    title: "H-UI，助力快速开发快应用！",
                    pic: "https://h-ui.obs.cn-south-1.myhuaweicloud.com/image/picture5.png",
                    creator: "不做加班狗",
                    creationTime: "1小时前"
                },{
                    url: "/Scene_News_Detail",
                    title: "H-UI——做体验最好的快应用UI库",
                    pic: "https://h-ui.obs.cn-south-1.myhuaweicloud.com/image/picture5.png",
                    creator: "不做加班狗",
                    creationTime: "2小时前"
                }
            ]
        }
    }
</script>

扫码体验