组件使用说明

AIP 组件是基于广告场景的 Web Components 组件库,提供了一系列开箱即用的组件,用于广告页面的快速搭建。

点击查看所有组件的集成示例

兼容环境

由于 AIP 组件整体是基于 custom elements 进行的实现,所以兼容性和 custom elements 保持一致。兼容情况open in new window

引入使用

AIP 封装了广告场景常用到的组件,组件可以分为二大类:

  • 基础组件:无需开发者进行单独的引入,已内置到 AIP 页面标准框架中。
  • 扩展组件 - 需要开发者在使用的时候引入对应的 script 标签才能生效。

属性和事件

对所有的 AIP 组件来说,除了在各组件「支持的属性」模块内声明的属性外,组件上的其余属性直接作用于组件 DOM 本身(也即shadow dom的父级host元素),目前只开放 idclassstyle 三个属性,其余未在各组件内定义的属性均不生效。 事件同理:除了在各组件「支持的事件」模块声明的自定义事件外,其余原生 H5 的事件均支持且作用于组件 DOM 本身。

Last Updated: 2022/7/15 下午7:22:06