总结
恭喜!你刚刚创建了一个交互式电子商务产品详情页面,其中包含每个 SKU 的可变尺寸和价格,并从远程 JSON 端点按需获取。
你学会了如何
- 使用
<amp-state>
获取产品信息(颜色、尺寸、可用性)。 - 使用
amp-bind
创建跨元素交互。 - 使用 AMP 创建快速而丰富的用户体验!
如果你遇到困难,请参阅 static/final.html
文件以获取完整解决方案。
后续步骤
在 amp-bind
文档和 其他动态 AMP 组件 中了解有关在交互式 AMP 页面中构建强大灵活功能的更多信息。