问题标签 [amp-list]

我完全不知道如何将 flex css 应用于 amp-list。我希望所有子项目在水平方向上均匀分布，项目之间有空格。

当我删除 float:left; 从子项中，我得到的只是一列，而不是行。

似乎 flex 不适用于孩子。

是否有可能做到这一点？如果可以的话，我很想得到帮助。

CSS：

放大器列表：

任何人都知道为什么 AMP-LIST 在大多数设备、PC 和任何浏览器中都显示得非常好，但是当我在 Chrome 中的 Pixel 2 上查看它时却无法正常工作。

它适用于我在 Edge 和 Firefox 中的 Pixel 2，但在 chrome 中，AMP-List 没有拉动。

有没有人见过这个？

你需要我做什么来帮助诊断？

我创建了一个 amp-mustache 模板，如下所示。

此模板嵌套在 amp-list 中。amp-list 有一个源 URL（https 和跨域），它在 JSON 下方发送。

{“日期”：“2018-08-03 14:40:09”，“上一个”：37165.16，“开盘”：37327.16，“低”：37319.61，“高”：37567.47，“最后”：37557.93，“卷“：0 }

在加载页面时，我什么都看不到。在 DOM 中，我只能看到这个空的 div。

我按照此链接中提到的示例进行操作。我还尝试将 span 标签之间的变量替换为“date”、${{date}}、“prev”、${{prev}}，但没有任何效果。在这方面的任何帮助将不胜感激。

编辑：添加代码的 amp-list 部分

我有一个 amp-list 可以轻松输出一堆 div，我唯一的问题是我希望第一个输出项具有一些与其他输出项不同的属性。

这是一个例子：

这导致了这一点：

但我希望第一项是：

wherearia-selected设置为true并且selected属性已添加

我有一个amp-list里面有一些amp-fx动画的项目。问题是动画在我滚动页面之前不会播放。

我的 AMP 页面提供评论列表。每个评论都是一个 amp-accordion，以实现很好的阅读更多功能。

我目前正在争论是否将评论直接加载到 DOM（php 循环）或通过 JSON 文件（amp-list）加载它们。

当我比较这个页面的两个版本时，amp-list 在 DOMContentLoaded 和 Load 中获胜，但它们在 Finish 中并列，对 php 循环版本稍有帮助。

假设 php 循环版本将完全被 AMP 缓存，并且 amp-list 必须轮询堆栈以获取数据，那么哪个版本对整体用户体验/seo 更好？

谢谢！:D

我可以在不使用实验性功能的情况下在 AMP 中进行无限滚动吗？

我正在使用 amp-list 调用一个 API，该 API 将 HTML 作为其响应的一部分，并使用 mustache 模板来呈现这样的 HTML {{{html-content}}}。JSON响应中的HTML是这样的

我在这里面临的问题是没有任何标题被渲染，并且没有任何标题类/标记在 DOM 中可见（标题仅显示为没有任何 h1 或 h2 标记的字符串）。如果我只使用其中的 HTML 内容调用 API，它将显示在带有“h1”、“h2”和“p”标记的 chrome 开发人员工具的响应选项卡中。我不确定这是 AMP 的限制，或者我将 JSON 中的 HTML 传递给 mustache 模板的方式是否有问题。

我将非常感谢在这方面的任何帮助。

我最近在 amp 中建立了一个站点。除了我在缓存方面遇到问题外，大多数事情都运行得很好。

我有一个来自 php 数据库的事件列表。每个事件都有一个日期时间，然后列表按此字段排序。现在发生的情况是页面在移动设备上缓存了好几天，因此如果您已经访问过该页面，它会显示旧事件。

我开始查看 amp list 并创建 json，但由于 mustache 的限制是无逻辑的，我无法找到一种仅显示未来事件的方法。

有谁知道这是否可能？

提前致谢

理查德

我按照这个示例在 AMP 上实现了“显示更多”操作。它工作得很好，但是当我单击按钮时，它没有显示任何内容，让用户知道页面正在加载。

我的后端不是特别快，所以它看起来直到最终加载时才起作用。

在演示中它也没有任何东西，但它非常快。

有什么可以做的吗？即使它只是禁用按钮。我没有在列表或表单上看到任何类更改，以便在 CSS 上使用它们。

这是我的代码：

它只是示例中的一个，有一些命名更改。