Mirox 超级卡片-自定义版块

装修卡片:自定义版块,是一个超级卡片,里面可以添加十几种子卡片

Mirox 超级卡片-自定义版块

为什么要搞一个超级卡片-自定义版块?

  • 目前mirox模版已经支持了40+装修卡片,但是每个卡片是独占一个版面的,也就是独占一行。
  • 如果想要将两个装修卡片放到同一个版面(左右结构,譬如卡片A占50%宽度,卡片B站50%宽度),是无法做到的
  • 超级装修卡片-自定义版块,可以将多个卡片(以子卡片的方式添加)放到同一个版面,每个子卡片设置不同的比例宽度
  • 进而可以实现,让其在pc以及平板下,多个卡片在一个版面里面,具体效果就是:多个卡片随意的进行组合,显示出来,譬如:左边是图片卡片,右边是newsletter
  • 超级卡片还支持html子卡片,您可以通过html自己写内容
  • 超级卡片虽然子卡片内容多,但是在系统渲染卡片内容,采用懒加载的方式进行渲染,渲染性能并无影响。

因此,通过原来的40+装修卡片,以及超级装修卡片-自定义版块,基本可以满足98%的模版需要(如果还不满足,您可以定制装修卡片,或者自己开发装修卡片)

1.模版装修,添加装修卡片:自定义版块

2.添加装修卡片后,可以给这个卡片,添加子卡片

  • 可以看到,该装修卡片,支持十几种子卡片

3.为什么要做这么个超级卡片呢?

答:mirox模版,目前以及支持40+卡片,每个卡片独占一个版面,如果想要3个卡片放到在一个版面(以左,中,右的位置,可以设置宽度比例),是无法实现的。 通过自定义版块,可以通过子卡片,添加多个不同类型的子卡片,每个子卡片可以设置宽度比例,让多个子卡片组合在一个版块,这样更加的灵活。

4.使用举例

通过3个子卡片做1个版面

4.1文本

  • 设置容器宽度100%

4.2图片

  • 设置容器宽度50%

4.3产品组合

  • 设置容器宽度50%

5.您也可以将3个卡片,容器宽度设置成33%,那么这3个卡片将显示在一行。

通过自定义版块,可以让设计更加的灵活,多个子卡片随意组合,呈现出来pc下更好的效果。

Copyright © fecify.com 2025 all right reserved,powered by Gitbook该文件修订时间: 2025-12-04 11:46:43

results matching ""

    No results matching ""