AMP

AMP 电邮支持的组件

重要提示:此文档不适用于您当前选择的格式 故事

以下是 AMP 组件的列表,这些组件目前在 AMP 电子邮件中受支持。 这些组件分为以下几类

动态内容

元素 描述
<amp-form> 表单元素。 action-xhr 属性必须代替常规的 action 属性使用。可以与 <template type="amp-mustache"> 结合使用以呈现响应。

注意: 不允许 提交后重定向
<amp-selector> 用于表单内的多选小部件。
amp-bind<amp-bind-macro> AMP 中的简单脚本语言,允许操作状态机以实现元素之间的交互。 还可以用于在某些事件中添加行为。

注意: 禁止绑定到 [href][src]。 禁止使用 AMP.printAMP.navigateToAMP.goBack 操作。
<amp-state> <amp-state> 用于定义 amp-bind 使用的初始状态。

注意: 目前不支持 src 属性。
<amp-list> 远程获取 JSON 数据,该数据将由 <amp-mustache> 呈现。

注意: 不允许绑定到 [src] 属性。 也不允许使用 credentials="include" 包含用户凭据。
<template type="amp-mustache"> 用于呈现 amp-list 调用的结果的胡子模板标记。

布局

元素 描述
layout 属性 布局行为由 layout 属性决定。
<amp-accordion> 一种 UI 元素,有助于显示/隐藏不同的部分。
<amp-carousel> 一个轮播 UI 组件。
<amp-fit-text> 一个用于将文本放入特定区域的帮助组件。
<amp-layout> 一个可以具有基于纵横比的响应式布局的容器。
<amp-sidebar> 一个用于导航目的的侧边栏。
<amp-timeago> 提供一种呈现时间戳的便捷方式。

媒体

元素 描述
<amp-img> 一个替换 <img> 的 AMP 组件。

注意: 不允许绑定到 [src]
<amp-anim> 嵌入 GIF 文件。

注意: 不允许绑定到 [src]