[{"value":"参数","id":"参数","hLevel":2,"level":1},{"value":"例子","id":"例子","hLevel":2,"level":1}]

css_var

与style picker配合使用，输出配置对应的css变量名.

style_setting | css_var(key_name) returns string

参数

style_setting any: style picker 动态配置值。
key_name string: 对应css配置的属性名。

例子

获取默认的row-gap值。

<div style="--info-row-gap: {{section.settings.layout | css_var(`row-gap`)}};">
  content
</div>
{{#schema}}
{
  "name": "Demo",
  "tag": "",
  "settings": [
    {
      "type": "style.layout",
      "id": "layout",
      "label": "layout",
      "default": {
        "flex-wrap": "nowrap",
        "flex-direction": "column",
        "row-gap": "20px",
        "column-gap": "20px"
      }
    }
  ]
}
{{/schema}}

这篇文章对你有帮助吗？

SHOPLINE

条款协议

css_var​

参数​

例子​

css_var

参数

例子