"热点话题"组件:<news-hot> —— 快应用组件库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-hot" src="../Common/ui/h-ui/scene/c_news_hot"></import>
<template>
    <div class="container-full">
        <news-hot data="{{data}}"></news-hot>
        <div class="container">
            <divider color="danger" text="热点话题"></divider>
            <news data="{{data2}}"></news>
        </div>
    </div>
</template>

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

<script>
    export default {
        private: {
            data:{
                pic: 'https://h-ui.obs.cn-south-1.myhuaweicloud.com/image/picture6.png',
                title: '体验最好的快应用UI库',
                memo: 'h-ui是一套为快应用开发者量身打制的UI组件库，以传统html5标签为基础，遵循主流前端框架样式命名习惯，对快应用原生组件二次封装而成。H-UI能得到广大快应用开发者的欢迎吗？',
                tags: ['H-UI', '快应用开发']
            },
            data2:[
                {
                    url: "/Scene_News_Detail",
                    title: "视图新闻",
                    pic: "https://h-ui.obs.cn-south-1.myhuaweicloud.com/image/picture5.png",
                    creator: "不做加班狗",
                    creationTime: "15分钟前"
                },{
                    url: "/Scene_News_Image",
                    title: "H-UI，助力快速开发快应用！",
                    pic: "https://h-ui.obs.cn-south-1.myhuaweicloud.com/image/picture5.png",
                    creator: "不做加班狗",
                    creationTime: "1小时前"
                },{
                    url: "https://h-ui-mobi.blog.csdn.net",
                    title: "纯html新闻详情页面。H-UI官方",
                    pic: "https://h-ui.obs.cn-south-1.myhuaweicloud.com/image/picture6.png",
                    creator: "",
                    creationTime: "官网"
                },{
                    url: "/Scene_News_Hot",
                    title: "H-UI——做体验最好的快应用UI库",
                    pic: "https://h-ui.obs.cn-south-1.myhuaweicloud.com/image/picture5.png",
                    creator: "不做加班狗",
                    creationTime: "2小时前"
                }
            ]
        }
    }
</script>

扫码体验