首先我们准备了三张图片(要求:200*200px) 在店铺装修过程中要实现等比三列导航可以有两种方式,一种是橱窗,另外一种就是富文本里的表格
现在我们来讲第一种方式: 橱窗: 1.新建微页面,添加橱窗组件,显示方式选择3列,橱窗标题名可以为空; 2.添加图片,依次上传我们刚才准备好的三张图,并设置好你想要跳转的链接,完成 预览发现有白边,有一种解决办法,就是将页面的背景色和图片的背景色设置的一样,这个就要看您页面的整体布局和色调搭配了。
接下来我们再说如何用表格做出等比三列布局: 1.新建微页面,添加富文本组件,添加表格,1行3列。 2.给每个单元格中插入图片; 3.保存预览,发现存在如下问题: 表格有边框线,不好看 图片之间有很大间隙
图片距离屏幕边缘同样存在很大的间隙 4.解决方案: 为了使画面更加协调,我们取得了这三张图的背景的色值ff8712
接下来我们设置单元格属性; 背景颜色输入#ff8712 勾选全屏显示: 然后我们保存后再次预览: 发现图片之间还是有间隙:
这次我们返回再次编辑,选择表格属性: 设置边框颜色,发现这次这里的颜色选项我们只能选择,不能输入,这样我们就只能从他提供的可选颜色里选择一个与我们的图片接近的颜色,保存即可;
特别说明: 由于边框颜色的设置不能随意填写色值,因此我们在设计和选择图片素材时一定要事先确定好可选的颜色,不然到后会很麻烦;
这就是有赞店铺装修里如何实现等比三列导航的方法,哪里说的有问题,欢迎留言批评指正,谢谢 欢迎关注我的微信:
|