实现优店全屏装修功能
1、 使用Photoshop制作了一张宽度1920像素、高度600像素的画面,效果所示。

2、 使用切片功能,将其存储为适用于网页的格式,选择HTML和图像作为存储类型。



3、 将切片图片依次上传至优店装修模块,上传完毕后,切换至html模式,复制图片代码。
4、 请将图片地址替换为红线框内的内容。
5、 绿框内代码为后续整体使用做准备。

6、 替换图片地址后,为上图绿线框内内容的开头和结尾添加全屏代码,具体代码如下:
7、 此处添加自定义代码,宽度设为1920px,即上图绿框中的代码内容。
8、 在优店装修后台,新增一个1200px宽度的模块,切换到HTML模式,把准备好的代码粘贴进去,最后保存并发布,即可实现全屏效果。快来动手尝试一下吧!