"图集新闻"组件:<news-image> —— 快应用组件库H-UI

Screenshot_20200417_220642_com.huawei.fastapp

<import name="news-image" src="../Common/ui/h-ui/scene/c_news_image"></import>
<template>
    <div class="container">
        <news-image data="{{data}}"></news-image>
    </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/news_image.jpg",
                    memo: "h-ui是一套为快应用开发者量身打制的UI组件库,以传统html5标签为基础,遵循主流前端框架样式命名习惯,对快应用原生组件二次封装而成."
                },
                {
                    pic: "https://h-ui.obs.cn-south-1.myhuaweicloud.com/image/news_image.jpg",
                    memo: "H-UI——做体验最好的快应用UI库,h-ui以实现快应用“全组件式开发”为目标,让快应用开发就像搭积木!"
                },
                {
                    pic: "https://h-ui.obs.cn-south-1.myhuaweicloud.com/image/news_image.jpg",
                    memo: "H-UI,助力快速开发快应用!"
                }
            ]
        }
    }
</script>

扫码体验

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