posts_album_readme
2025-04-03
template
布局分两种情况
利用 humech
前提: post 内的图片必须 2 以及以上, 以及有 post.toc, 就是有几层标题分级的, 以及 post.humech.children 存在
那么: post.humech.children 作为 make_items
利用 post.images (文章内图片列表)
make_items 的参数默认为 post.images
make_items 逻辑
1, 先分解 grid, 获得 grids,每个 grid 最多包含 3 个元素,每个 grid, 在正常视觉下,会是 一行 的排列
2, 在逐个分解 grid,如果一个 grid 中有图片是 高度>宽度的,则单独作为一个v_grid 添加到 grids,剩下的再作为一个 grid 添加到 grids
3, 逐个遍历获得的 grids,根据每个 grid 内元素的数量,确定当前页面(自适应宽度因子)的每图(元素)的宽度;如果是 humech 元素的,则可以获得 title & part_content;
因为呈现的是 post list,每个 post 可以提供 title date 等属性
Post TOC
Comments