{ "fullWidth": false, "spacer": "none", "overlay": "", "containerClasses": "", "id": "", "bg": { "img": { "src": "", "alt": "" }, "classes": "bg- ", "overlay": "" }, "options": { "loop": false, "controls": true, "aspectRatio": "1:1", "poster": "/assets/video/poster01.png", "sources": [ { "src": "/assets/video/storybook.mp4", "type": "video/mp4" } ], "mode": "cover" }, "animate": false, "type": "video" }

{ "type": "panel", "elements": [ { "title": "组件驱动开发", "icon": "person", "params": { "expanded": true }, "elements": [ { "type": "text", "spacer": "none", "body": "Storybook采用了组件驱动开发的方法，即将UI组件作为开发的核心单元。开发人员可以在Storybook中为每个UI组件创建\"stories\"，描述组件在不同状态和交互方式下的行为和外观。这种方法能够提高组件的可重用性和可测试性。" } ] }, { "title": "组件展示和测试", "icon": "faviores", "elements": [ { "type": "text", "spacer": "none", "body": "Storybook提供了一个交互式的界面，用于展示和测试UI组件。

{ "type": "swiper", "params": { "navigation": false, "breakpoints": { "600": { "slidesPerView": 3, "spaceBetween": 20 }, "960": { "slidesPerView": 3, "spaceBetween": 50 } } }, "classes": "", "elements": [ { "type": "card", "title": "高性能", "subTitle": "High Performance", "classes": "card-no-shadow", "body": "默认情况下，Drupal 运行速度很快，您可以优化部署，使其运行得更快；", "feature": { "fullIcon": "fullscreen", "openIcon": "open_in_new", "link": "#", "ratios": "media-4-3",

{ "type": "tab", "classes": "bg-white", "align": "center", "pills": true, "fullWidth": false, "elements": [ { "label": "简便快捷", "elements": [ { "id": "", "type": "showcase-3v9", "spacer": "xl", "bg": { "classes": "", "img": { "src": "/assets/images/bg/bg-01.png" } }, "order": { "left": 0, "right": 1 }, "left": [ { "type": "img", "src": "/assets/images/illustration/25.p

{ "type": "spacer", "size": "sm", "animate": false }

{ "type": "dynamic-table", "header": [ { "label": "模块", "key": "module" }, { "label": "描述", "key": "info" }, { "label": "安装量", "key": "tatol" }, { "label": "备注", "key": "remarks", "dialog": { "shorten": 5, "label": "更多" } } ], "elements": [ { "module": "Slick Carousel", "tatol": 2992, "info": "Slick 轮播，强大响应式且性能优异的图片轮播解决方案，有非常丰富的配置选项，slick 官网自己调侃这是你最后使用的图片轮播", "remarks": "查看" }, { "module": "Views Slideshow", "tatol": 5501, "in

{ "fullWidth": false, "spacer": "none", "overlay": "", "containerClasses": "", "id": "", "bg": { "img": { "src": "/sites/default/files/2021-05/1-10.jpg", "alt": "1-10", "classes": "bg-cover" }, "classes": "bg- ", "overlay": "" }, "type": "hero-2v1", "theme": "text-white", "params": { "height": "750px" }, "text": { "title": { "label": "欢迎使用 Builder 快速构建页面", "style": "style-v1", "classes": "mat-headline-2" }, "spacer": "xl", "classes": "xy-center text-center", "bod

{ "spacer": "md", "type": "text", "body": "信使UI是基于 Material 的 Angular 前端框架，提供五十多个丰富的组件，旨在为用户提供卓越的数字创新体验。通过 Web Builder，您可以轻松拖拽构建响应式、多主题的 Web 页面。此外，我们的平台集成了先进的 DeepSeek AI 功能，使页面构建更加智能化和高效。", "animate": false }

{ "fullWidth": false, "spacer": "md", "overlay": "", "classes": "", "id": "", "bg": { "img": { "src": "/assets/images/bg/bg-01.png", "classes": "object-fit", "alt": "bg-01" }, "classes": "bg-shadow ", "overlay": "" }, "horizontal": "center", "vertical": "center", "type": "layout-builder", "elements": [ { "row": { "xs": 12, "sm": 12, "md": 6, "lg": 8 }, "horizontal": "center", "vertical": "center", "gap": { "xs": 0, "sm": 0, "md": 0, "lg": 0