壹佰智慧轻站6.0
让建站变得更简单
一、登录壹佰智慧轻站应用后台,点击【PC+H5】页面的【站点设计】进入PC模板编辑界面
二、设置页头页尾为单栏样式
三、点击页面【设置】按钮,设置页头为【竖向布局】,宽度设置为2400。
四、将页面高度设置为【自动高度】。
五、将通栏轮播图组件拖入页头和页尾,并设置合适的高度。
计算公式: (图片高度 / 图片宽度 * 100) 单位: vw
六、新建页面,选择设置好页头页尾,点击【保存】
七、在页面管理选项卡中,点击页面名称,进入刚创建好的页面轮播页面
八、在页面空白区域双击,调取页面设置选项卡,设置页面宽度为2400
设置布局方式为【竖向布局】
九、在页面中拖入通栏容器,根据效果图中的高度,计算出功能模块A的高度,设置布局方式为【竖向布局】
计算公式: (图片高度 / 图片宽度 * 100) 单位: vw
十、在功能模块A区域插入相应的文字、图片或其他功能组件
十一、重复第九步,插入功能模块B,设置功能模块B的高度,设置布局方式为【竖向布局】,同时在功能模块B区域插入相应的文字、图片或其他功能组件
拖入组件小技巧:拖入组件时,如果背景变为浅绿色,表明组件可以拖入,否则页面宽度或高度有问题,需要调整。
十二、可以点击【预览】一下页面效果,轮播图在不同的分辨率下,都可以全屏显示。