"新闻单叶草"组件:<news> —— 快应用组件库H-UI



<import name="news" src="../Common/ui/h-ui/scene/c_news"></import>
<template>
    <div class="container">
        <news data="{{data}}"></news>
    </div>
</template>

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

<script>
    export default {
        private: {
            data:[{
                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>

扫码体验