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



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

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

<script>
    export default {
        private: {
            data:[{
                url: "/Scene_News_Hot",
                title: "H-UI——做体验最好的快应用UI库",
                pics: [{ pic: "https://h-ui.obs.cn-south-1.myhuaweicloud.com/image/picture2.png" }, { pic: "https://h-ui.obs.cn-south-1.myhuaweicloud.com/image/picture3.png" }, { pic: "https://h-ui.obs.cn-south-1.myhuaweicloud.com/image/picture4.png" }],
                creator: "不做加班狗",
                creationTime: "2小时前"
            },{
                url: "/Scene_News_Video",
                title: "H-UI，助力快速开发快应用！",
                pics: [{ pic: "https://h-ui.obs.cn-south-1.myhuaweicloud.com/image/picture4.png" }, { pic: "https://h-ui.obs.cn-south-1.myhuaweicloud.com/image/picture2.png" }, { pic: "https://h-ui.obs.cn-south-1.myhuaweicloud.com/image/picture3.png" }],
                creator: "不做加班狗",
                creationTime: "1小时前"
            }]
        }
    }
</script>

扫码体验