"新闻三叶草"组件:<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>

扫码体验

posted @ 2020-04-17 22:26  快应用HUI  阅读(118)  评论(0编辑  收藏  举报