企业🤖AI Agent构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
一、登录壹佰智慧轻站应用后台,点击【PC+H5】页面的【站点设计】进入PC模板编辑界面 ![](https://img.kancloud.cn/a6/a5/a6a55c6fe4e4f76ec436cb7dc1687169_1834x382.png) 二、设置页头页尾为单栏样式 ![](https://img.kancloud.cn/bd/cb/bdcb906da5feb9fec4d842c3015ba4fd_1071x807.png) 三、点击页面【设置】按钮,设置页头为【竖向布局】,宽度设置为2400。 ![](https://img.kancloud.cn/d3/e7/d3e700c2a09a48faff549f933c6b7cb7_1700x795.png) 四、将页面高度设置为【自动高度】。 ![](https://img.kancloud.cn/c5/d2/c5d267a478a20599dd8bcbfe6e04c348_1879x798.png) 五、将通栏轮播图组件拖入页头和页尾,并设置合适的高度。 计算公式: (图片高度 / 图片宽度 \* 100)  单位: vw ![](https://img.kancloud.cn/8a/ee/8aeea03e973fd6834f6d9c818488fe0c_1913x625.png) 六、新建页面,选择设置好页头页尾,点击【保存】 ![](https://img.kancloud.cn/c4/f1/c4f1cc9656d2dc1a31effabd14674b7e_872x836.png) 七、在页面管理选项卡中,点击页面名称,进入刚创建好的页面轮播页面 ![](https://img.kancloud.cn/f3/1a/f31a13bf4cd60e0afe77d3fe41a2a263_723x826.png) 八、在页面空白区域双击,调取页面设置选项卡,设置页面宽度为2400 ![](https://img.kancloud.cn/99/18/991884e2be95246f8c92e32e34d2a1ff_1892x819.png) 设置布局方式为【竖向布局】 ![](https://img.kancloud.cn/3b/b5/3bb55e10fae53d05f9c4ee62d2c3ef41_1712x811.png) 九、在页面中拖入通栏容器,根据效果图中的高度,计算出功能模块A的高度,设置布局方式为【竖向布局】 计算公式: (图片高度 / 图片宽度 \* 100)  单位: vw ![](https://img.kancloud.cn/cc/3c/cc3c7e3b73ead4c85db5fd3a4966db0c_1876x854.png) ![](https://img.kancloud.cn/14/04/14049d05a004bcbe535c734ea58880bf_1904x717.png) 十、在功能模块A区域插入相应的文字、图片或其他功能组件 十一、重复第九步,插入功能模块B,设置功能模块B的高度,设置布局方式为【竖向布局】,同时在功能模块B区域插入相应的文字、图片或其他功能组件 拖入组件小技巧:拖入组件时,如果背景变为浅绿色,表明组件可以拖入,否则页面宽度或高度有问题,需要调整。 ![](https://img.kancloud.cn/3d/4f/3d4fd37bdad4a363278af65427c75755_1884x857.png) 十二、可以点击【预览】一下页面效果,轮播图在不同的分辨率下,都可以全屏显示。