商城主页其实也是微页面实现的,任何微页面都可以设置成商城主页,一些活动页等也可以用微页面实现。
微页面分为预览区和操作区两部分
示例:例如,我们添加一个标题列表组件,得到这个效果:
先看下面四个icon,所有组件依赖这四个按钮控制,如果想对组件做任何改变,必须通过这四个按钮进行,不然你会有无从下手的无助感。微页面任何组件也都会有这四个默认按钮:
四个按钮详解
点击后可以编辑该组件,只有点击了这个才能激活右边对应的操作区,很多用户抱怨不会操作微页面,就是因为没有点击这个编辑按钮,点击这个按钮后,你会看到右边操作区也会做出相应变化。你在右边操作区就可以编辑该组件了。
点击后,对应组件下移。
点击后,对应组件上移。
点击后,对应组件删除。
如果我们添加图片或是商品还会看到,4个黑色icon
这四个组件是组件内部子元素的控制,从左到右功能为:左移、右移、添加链接、删除。
掌握了这个基本原理,我们就能3分钟做个自己的微页面了。