装修-全局配置:排版&颜色

排版

对字体,按钮,输入框等进行配置

  • 正文文本:字体,粗细,字号,行高
  • 标题:字体,粗细,字号,行高,h1,h2,h3,h4字体大小,字母间距
  • 按钮
  • 输入框
  • 圆角半径

下面逐个说明

一:正文文本

1.正文文本,就是除了标题之外的,文本描述部分的文字

2.配置

二:标题

1.标题,指的就是h1,h2等标签

2.字体:可以使用系统字体,也可以自定义字体

  • 对于系统字体,已经支持很多,您可以在服务端后台添加系统字体,详细参看:liquid font字体
  • 您也可以直接使用字体的url

三:按钮

设置按钮的字体大小,字母间距,边框宽度,边框圆角,行高,字体粗细

四:输入框,圆角半径

颜色

不同的商品,会使用不同的配色,而配色并非单一存在,而是以组的形式。

  • 譬如:白色背景,黑色文字。暗黑背景,白色文字
  • 我们可以提前配置多个颜色组合,然后每个卡片直接使用颜色方案即可
  • 对于通用的一些颜色,我们就没有必要放到颜色组合里面了,做一个单独的配置即可

一:颜色方案

1.系统已经设置好了的几个颜色方案,可以直接使用,可以点击颜色方案进行编辑,也可以添加新的颜色方案

2.点击颜色方案,进行编辑

譬如:点击方案1,进入编辑颜色方案

3.点击添加方案,添加新的颜色方案

  • 需要注意,目前的颜色方案,无法判断这个颜色方案是否在使用,因此,添加的颜色方案,目前是不允许删除的,因此,没有必要的情况,不要点击添加方案
  • 每一个颜色方案的本质,就是做一套颜色对应的css样式,然后每个装修卡片进行选择

4.装修卡片使用颜色方案

  • 大多数卡片,都有颜色方案

选中颜色方案2后的颜色效果

5.全局通用颜色方案

  • 大多数卡片,都可以选择颜色方案,但对于某些特殊的装修卡片,使用的全局的颜色方案

6.其他颜色配置

Copyright © fecify.com 2025 all right reserved,powered by Gitbook该文件修订时间: 2025-11-03 09:42:58

results matching ""

    No results matching ""