{ "type": "inline-lightbox", "label": [ "查看图片", "Word 下载", "PDF 预览" ], "elements": [ { "src": "/assets/images/cases/porto1.jpg" }, { "src": "/assets/images/cases/porto2.pdf" }, { "src": "/assets/images/cases/porto3.pdf" } ] }

{ "type": "icon", "color": "primary", "svg": "border-color" }

{ "type": "btn-video", "color": "primary", "video": { "type": "video", "options": { "controls": true, "aspectRatio": "16:9", "poster": "/assets/video/poster01.png", "sources": [ { "src": "/assets/video/storybook.mp4", "type": "video/mp4" } ] } } }

{ "type": "img", "hostClasses": "text-center", "classes": "object-contain", "src": "/assets/images/illustration/08.png", "alt": "alt", "width": 400, "height": 300 }

{ "type": "custom-template", "json": { "title": "web builder", "subTitle": "是一款通过拖拽组件构建页面的低代码", "img": "/assets/images/avatar/05.jpeg", "content": "信使UI是一款开源的前端框架，基于Angular Material UI，支持SSR，多应用，后端可根据实际情况自由配置，可自定义开发、新增组件库。

{ "gap": { "xs": 0, "sm": 0, "md": 0, "lg": 0 }, "wrapperClass": "", "spacer": "none", "type": "layout-builder", "fullWidth": false, "bg": { "classes": "" }, "elements": [ { "classes": "", "row": { "xs": 12, "sm": 12, "md": 6, "lg": 6 }, "elements": [] }, { "classes": "", "row": { "xs": 12, "sm": 12, "md": 6, "lg": 6 }, "elements": [] } ] }

{ "type": "json", "name": "sample", "spacer": { "x": "none", "y": "none" } }

{ "title": { "classes": "text-primary", "label": "免费" }, "type": "card-1v6", "prefix": "¥", "number": "79", "suffix": "/月", "body": "

• 完全开放
• 安全检测机制
• 高质量交付源码文件
• 免费一个域名绑定
• 二十四小时免费技术支持

", "classes": "", "actionsAlign": "start", "actions": [ { "href": "#", "label": "开始", "type": "btn", "color": "primary", "mode": "raised" }, { "type": "btn", "label": "立即购买", "href": "#", "mode": "raised", "color": "primary" } ] }

{ "type": "card-1v5", "title": "讨论 Builder 架构", "body": "讨论未来的发展方向和基础架构，是否可以融入 AI 生成相应的内容，为用户提供优秀的数字创新体验。", "more": { "href": "/node/1", "target": "_blank", "label": "查看更多" }, "footer": { "label": "Step 01.", "icon": { "svg": "chevron-double-right" } } }

{ "type": "card-1v4", "img": { "classes": "w-full h-full object-cover", "src": "/assets/images/avatar/01.jpeg" }, "star": 5, "title": "- Johnson", "subTitle": "前端开发", "body": "信使是一个灵活可扩展性高的前端Anuglar框架，动态组件可以使得组件之间变得更加灵活，但是依赖循环也变得复杂。" }