{ "type": "hero-2v1", "theme": "", "params": { "height": "750px" }, "bg": { "classes": "bg-shadow overlay overlay-20", "img": { "src": "/assets/images/hero/light-bg.jpeg", "mobile": "/assets/images/mobile/follower-04.jpg" } }, "text": { "title": { "label": "欢迎使用 Builder 快速构建页面", "style": "style-v4", "classes": "mat-headline-3" }, "spacer": "xl", "style": { "width": "50%", "left": "50%" }, "classes": "y-center", "body": "开启 Builder 后，可以从左侧选择组件拖动到想要的位置，甚至你可以

{ "spacer": "xl", "type": "hero-1v4", "classes": "", "text": { "title": { "label": "欢迎使用 Builder 快速构建页面", "classes": "mat-headline-2 bold", "style": "style-v1" }, "classes": "p-x text-center", "body": "开启 Builder 后，可以从左侧选择组件拖动到想要的位置，甚至你可以在浏览前台任何页面时或者浏览 Storybook 页面时添加组件到预览页面。

{ "type": "hero-2v2", "spacer": "lg", "id": "xxx", "bg": { "classes": " overlay", "img": { "classes": "object-fit", "src": "/assets/images/16-9/business-16.jpeg" } }, "classes": "", "content": { "type": "text", "title": { "label": "开源项目使用 Github actions 自动化", "style": "style-v4", "classes": "mat-headline-3" }, "body": "

Github actions 从2019年就免费开放给个人开源项目使用，对于自动化开放测试部署，开发者一定非常的熟悉，如果把中间这项流程做好，不仅节省了大量的人力也大大加快了开发效率，在配置完善的情况下可以提高代码质量。

{ "type": "hero-2v1", "theme": "text-white", "params": { "height": "750px" }, "bg": { "classes": "bg-shadow overlay overlay-80", "img": { "src": "/assets/images/hero/1-6.jpg", "mobile": "/assets/images/mobile/mobile-03.jpg" } }, "text": { "title": { "label": "欢迎使用 Builder 快速构建页面", "style": "style-v1", "classes": "mat-headline-2" }, "spacer": "xl", "classes": "xy-center text-center", "body": "开启 Builder 后，可以从左侧选择组件拖动到想要的位置，甚至你可以在浏览前台任何页面时或者浏览 Storybook

{ "type": "hero-1v2", "spacer": "none", "classes": "text-white text-center", "right": { "params": { "navigation": false, "slidesPerView": 1, "spaceBetween": 0, "pagination": true }, "classes": "", "elements": [ { "type": "img", "src": "/assets/images/16-9/business-13.jpg", "style": { "opacity": "", "borderRadius": "", "boxShadow": "", "aspectRatio": "", "objectFit": "" }, "classes": "object-cover", "width": 800, "height": 500 },

{ "spacer": "none", "type": "hero-1v1", "classes": "text-white text-center", "bg": { "classes": "" }, "fullWidth": true, "swiper": { "params": { "slidesPerView": 1, "spaceBetween": 0, "pagination": false, "observer": true, "observeParents": true, "breakpoints": { "600": { "slidesPerView": 1, "spaceBetween": 0 }, "960": { "slidesPerView": 1, "spaceBetween": 0 } } }, "classes": "", "elements": [ { "type": "text", "spacer": "xl",