组件使用说明
AIP 组件是基于广告场景的 Web Components 组件库,提供了一系列开箱即用的组件,用于广告页面的快速搭建。
点击查看所有组件的集成示例
兼容环境
由于 AIP 组件整体是基于 custom elements 进行的实现,所以兼容性和 custom elements 保持一致。兼容情况open in new window
引入使用
AIP 封装了广告场景常用到的组件,组件可以分为二大类:
- 基础组件:无需开发者进行单独的引入,已内置到 AIP 页面标准框架中。
- 扩展组件 - 需要开发者在使用的时候引入对应的 script 标签才能生效。
属性和事件
对所有的 AIP 组件来说,除了在各组件「支持的属性」模块内声明的属性外,组件上的其余属性直接作用于组件 DOM 本身(也即shadow dom
的父级host
元素),目前只开放 id
、class
和 style
三个属性,其余未在各组件内定义的属性均不生效。 事件同理:除了在各组件「支持的事件」模块声明的自定义事件外,其余原生 H5 的事件均支持且作用于组件 DOM 本身。