"广告组件"组件:<ad> —— 快应用组件库H-UI

最新推荐文章于 2022-09-23 16:20:08 发布

快应用H-UI

最新推荐文章于 2022-09-23 16:20:08 发布

阅读量449

点赞数

分类专栏：高阶组件

本文链接：https://blog.csdn.net/weixin_41324043/article/details/105309835

版权

-w538

<import name="ad" src="../Common/ui/h-ui/advance/c_ad"></import>
<template>
        <div class="container">
            <ad data="{
  {data}}"></ad>
        </div>
</template>

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

<script>
    export default {
        private: {
            data:
                [{
                    uri: "/About",
                    title: "广告一的标题",
                    pic: "https://h-ui.obs.cn-south-1.myhuaweicloud.com/image/picture2.png",
                    footword: "8图",
                    footsource: "H-UI"
                },
                {
                    uri: "/About",
                    title: "广告二的标题",
                    pic: "https://h-ui.obs.cn-south-1.myhuaweicloud.com/image/picture3.png",
                    footword: "3图",
                    footsource: "H-UI"
                },
                {
                    uri: "/About",
                    title: "广告三的标题",
                    pic: "https://h-ui.obs.cn-south-1.myhuaweicloud.com/image/picture4.png",
                    footword: "3图",
                    footsource: "H-UI"
                }]
        }
    }
</script>

-w537

<import name="ad" src="../Common/ui/h-ui/advance/c_ad"></import>
<template>
        <div class="container">
            <ad data="{
  {data}}" width="300" height="200"></ad>
        </div>
</template>

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

<script>
    export default {
        private: {
            data:
                [{
                    uri: "/About",
                    title: "广告一的标题",
                    pic: "https://h-ui.obs.cn-south-1.myhuaweicloud.com/image/picture2.png",
                    footword: "8图",
                    footsource: "H-UI"
                },
                {
                    uri: "/About",
                    title: "广告二的标题",