Poster封面图样式组件

2025-03-04 10:06:33首发，6天前更新

poster组件是定义一个封面图，用于post列表和card列表。纯css样式打造。

简单使用

封面图组件是以rep=poster属性的标签内插入一个img标签而构成。默认没有尺寸，需要自定义尺寸。

使用比例

内置变量--_poster-ar可定义封面图的比例，默认为4/3，比如用户可以定义为16/9。

全宽

封面默认display样式是inline-flex，如果需要横向铺满，可设置变量--_poster-d:flex。

空图

如果img标签的src属性没有值，那么将自动隐藏图片，并显示一个提示图标。

内置元素

封面图内可放置一些常用的小元素，包括ax-badge、ax-buoy，ax-flag等组件。