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