产品和维生素
产品和维生素
{%- comment -%} 这个组件可以生成一个`img`标签或者一个`div style="background-..."`。 {%- endcomment -%} {%- 分配 is_global_asset = is_global_asset | 默认值：false -%} {%- if bg -%} {%- comment -%} 背景图片 {%- endcomment -%} {%- assign tag_name = tag_name | 默认值：'div' -%} {%- 分配 self_closing = self_closing | 默认值：false -%} {%- comment -%} 我们自己渲染 attrs 并过滤掉 `style`。 {%- endcomment -%} {%- 分配 attr_list = attrs | to_attrs: list: true -%} {%- capture additional_attrs -%} {%- comment -%} 包括上下文中的属性。 {%- endcomment -%} {%- for attr in attr_list -%} {%- unless attr[0] == 'style' -%} {{- ' ' -}} {{- attr[0] -} } {%- if attr[1].size > 0 -%} ="{{- attr[1] -}}" {%- endif -%} {%- endunless -%} {%- endfor -%} {{- ' ' -}} style=" {%- comment -%} 渲染 bg 样式。如果我们没有得到图像，请使用 src。{%- endcomment -%} {%- assign has_bg_image = false -%} {%-assign has_bg_size = false -%} {%-assign has_bg_position_x = false -%} {%-assign has_bg_position_y = false -%} {%-assign has_bg_repeat = false -%} {%- for prop in bg -%} {%- case prop[0] -%} {%- 当'image' -%} {%- 分配 has_bg_image = true -%} {%- 当'size' -%} {%- 分配 has_bg_size = true -% } {%- 当'位置' -%} {%- 分配 has_bg_position_x = true -%} {%- 分配 has_bg_position_y = true -%} {%- 当'位置-x' -%} {%- 分配 has_bg_position_x = true -%} {%- 当'位置-y' -%} {%- 分配 has_bg_position_y = true -%} {%- 当'重复' -%} {%- 分配 has_bg_repeat = true -%} {%- endcase - %} 背景-{{- prop[0] -}}: {{- p rop[1] -}}; {%- endfor -%} {%- unless has_bg_image -%} background-image: url('{{- src | asset_url: global: is_global_asset -}}'); {%- endunless -%} {%- 除非 has_bg_size -%} 背景大小：覆盖； {%- endunless -%} {%- 除非 has_bg_position_x -%} background-position-x: center; {%- endunless -%} {%- unless has_bg_position_y -%} background-position-y: center; {%- endunless -%} {%- 除非 has_bg_repeat -%} 背景重复：无重复； {%- endunless -%} {%- comment -%} 从 style 属性中添加任何样式。 {%- endcomment -%} {{- attrs.style -}} " {%- endcapture -%} {%- comment -%} 删除 attrs，这样我们就不会渲染它们两次。{%- endcomment -%} { %- assign attrs = nil -%} {%- else -%} {%- comment -%} Normal img tag {%- endcomment -%} {%- assign tag_name = 'img' -%} {%- assign self_closing = true -%} {%- capture additional_attrs -%} {%- if srcset.size > 0 -%} {{- ' ' -}} srcset="{{ srcset }}" {%- endif -%} { %- if sizes.size > 0 -%} {{- ' ' -}} sizes="{{ sizes }}" {%- endif -%} {{- ' ' -}} alt="{{ alt } }" {{- ' ' -}} src="{{ src | 资产URL：全局：is_global_asset }}" {%- endcapture -%} {%- endif -%} {%- 包括'原子/元素'，标签名：标签名，self_closing：self_closing，additional_attrs：additional_attrs -%}{%- comment -%} 从 `tag_name` 中删除前导和尾随空格。 {%- endcomment -%} {%- 分配 tag_name = tag_name | strip -%} {%- comment -%} 处理 `tag_name: ''` 的情况。 {%- endcomment -%} {%- if tag_name and tag_name.size < 1 -%} {%- assign tag_name = false -%} {%- endif -%} {%- if tag_name -%} <{{ tag_name }} {{- 属性 | to_attrs -}} {{- additional_attrs -}} {%- if self_closing == true -%} {{- ' /' -}} {%- endif -%} > {%- endif -%} {%- 除非self_closing == true -%} {%- ifslot -%} {%- slot -%} {%- else -%} {{- inner_html -}} {%- endifslot -%} {%- if tag_name -%} {%- endif -%} {%- endunless -%}
{%- 捕获 id_attr -%} {{- item.id -}} {%- endcapture -%} {%- if id_attr.size > 0 -%} {%- 捕获 id_attr -%} id="{{ item .id }}" {%- endcapture -%} {%- endif -%} {%- 分配 attrs = item.attrs | merge_props: class: 'card card--post' -%} {%- if link == false 或 item.link == nil 或 item.link.size < 1 或 item.link_text == nil 或 item.link_text.size < 1 -%} {% else %} {% endif %} {%- 除非 img == false 或 item.img == nil -%} {%- 分配 _img = item.img -%} {%- 分配 img_attrs = _img.attrs | merge_props: class: 'card__image' -%} {%- include 'atom/img', alt: _img.alt, src: _img.src, srcset: _img.srcset, 尺寸: _img.sizes, attrs: img_attrs, bg: _img.bg -%} {%- 无尽 -%} {{ 项目.标题 }} {%- 除非author == false 或item.author == nil 或item.author.size < 3 -%} {{ item.author }} {%- endunless -%} {%- 除非date == false 或item .date == nil 或 item.date.size < 3 -%} {{ item.date }} {%- endunless -%} {%- 除非 Summary == false 或 item.summary == nil 或 item.summary.size < 1 -%} {{ item.summary }} {%- endunless -%} {%- 除非 link == false 或 item.link == nil 或 item.link.size < 1 或 item.link_text == nil 或 item.link_text.size < 1 -%} {{ item.link_text }} {%-无尽-%} {%- if link == false 或 item.link == nil 或 item.link.size < 1 或 item.link_text == nil 或 item.link_text.size < 1 -%} {% else %} {% endif %}