DIY装修


一.商城UI的创建

1.进入低代码设计插件

invalid image (图片无法加载)

2.创建或新建微页面

invalid image (图片无法加载)

3.选择模版

invalid image (图片无法加载)
找到适合的模版,然后选择加载,如果是有一定UI设计基础,可以选择使用空白模版自定义设计。

invalid image (图片无法加载)
加载成功以后,就可以去低代码DIY了

4.编辑DIY页面

invalid image (图片无法加载)
如果是第一次接触低代码DIY设计,请点击学习下新手引导
左边可以选择:所有基础组件,营销组件,其他组件等,也可以做下页面设置和背景设置
右边可以选择:风格,细节调整,样式更换,以及链接的选择
整个编辑完,可以选择右下角的保存
invalid image (图片无法加载)

5.微页面设置首页UI

保存以后,返回微页面,设置首页

invalid image (图片无法加载)

当然了,您也可以在这里进行,UI的编辑,推广,首页设置渠道设置,设置浏览权限和分享设置等等

invalid image (图片无法加载)

到这里一般的低代码UI设计,就OK了,操作非常简单,就跟以前QQ空间DIY一样

二.自定义模块使用(进阶)

invalid image (图片无法加载)

1 创建自定义模块

invalid image (图片无法加载)

invalid image (图片无法加载)

** 注意:唯一性组件例如快捷导航,关注公众号这种在微页面中设置,要使用自定义模块 **

2.设置首页

创建好微页面之后设置为首页
invalid image (图片无法加载)

3.其他地方调用

其他地方调用微页面(首页不需要)

4.链接器选择

在选择链接的地方,选择微页面
invalid image (图片无法加载)

5.页签设置

在微页面使用自定义模块组件——添加模块(选择模板)——再次点击添加模块(添加页签)——编辑页签
invalid image (图片无法加载)

invalid image (图片无法加载)

三.图片广告热区使用方法

1 选用图片广告组件

(右边选择图片样式,上传图片)
invalid image (图片无法加载)

invalid image (图片无法加载)

2 划分热区

直接选择链接或者划分热区:热区功能表示可以在一个图片中点击不同的区域跳转不同的链接
invalid image (图片无法加载)

invalid image (图片无法加载)

四.自定义授权页面使用规则

invalid image (图片无法加载)

当开启开关,可以使用自己上传的授权图片来替换默认的授权弹框图片,点击划分热区,设置登陆区域跟取消区域
invalid image (图片无法加载)

五.模板市场使用

invalid image (图片无法加载)

六.关于DIY插件的介绍

invalid image (图片无法加载)


未来神鸟 2023年10月9日 11:41 642 收藏文檔