===== 可视化DIY =====
“可视化DIY”，同步预览前端装修效果。更可应用于首页布局，功能更强大！\\

相较而言，“可视化DIY”最大的特点便是**后台布局装修时能够同步预览前端效果图**，因此谓之“可视化”DIY。\\

如下图是“可视化DIY”操作界面，左侧是基础、营销等组件，中间是商城前端效果图，右侧是具体的设置。\\

{{http://aicardimg.jihui88.net/20190521164308.png?600}}\\

点击左侧的组件，效果图就会出现对应的模块，在效果图中点击对应模块，就可以在右侧进行具体的设置，包括商品上传、列表样式选择等，并根据效果图进行细节调整。\\

==== 可保存N个DIY模板 ====

进行DIY页面设计的时候支持创建多个模板并保存。\\

{{http://aicardimg.jihui88.net/20190521171826.png?600}}

==== 支持商城多页面DIY ====

不只是商城首页可以进行DIY！\\

原本首页链接页面只能选择系统固定模板，通过可视化DIY，可以将设计好的DIY模板添加到自定义页面，自定义页面会出现在“可选链接”中，通过首页模块点击链接就能进入到自定义页面。\\

{{http://aicardimg.jihui88.net/20190522094647.png?600}}

{{http://aicardimg.jihui88.net/20190522104556.png?400}}

==== 新增亮点功能 ====

除了在设计装修的操作上更简单体贴之外，可视化DIY还附加了许多亮眼功能。\\

=== 商品左右滑动展示 ===
{{http://aicardimg.jihui88.net/20190522104654.png?300}}\\

=== 秒杀倒计时 ===
{{http://aicardimg.jihui88.net/20190522104836.png?300}}\\

=== 弹窗广告 ===
{{https://www.zjhejiang.com/uploads/201812051543975641965249.png?300}}

除了上述功能之外，通过可视化DIY功能还可以对各个组件进行细节的自定义设计，比如按钮的样式、文字、空白间距等等。