🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# :-: 官网模块操作文档说明 [TOC] ### 一、什么是官网,作用是什么? ![](https://img.kancloud.cn/d5/23/d5232affc06e17d67432f4b454f46d41_750x1334.png) 官网作为一个展示企业风采的面板,该信息模块主要用于树立企业品牌形象、提升企业信誉,有官网内容展示的小程序会让客户更加信赖,更容易将用户沉淀在里面。 ### 二、如何创建官网顶部轮播图? * 操作流程 进入后台——点击左侧公司——点击添加公司 ![](https://img.kancloud.cn/95/70/9570ae2f2c262cc71304bd46f781d3cd_1289x611.png) 图片信息里面-上传官网轮播图,支持上传多张图片进行轮播 ![](https://img.kancloud.cn/3c/bf/3cbff96e536297daa4264ae9182b2ca1_742x463.png) ![](https://img.kancloud.cn/55/f9/55f90c09c1c4f5d6aea623ca745ba9c0_445x790.png) ### 三、如何配置顶部有图标的内容? * 操作路径 进入后台——点击左侧官网——点击添加模块 ![](https://img.kancloud.cn/ca/89/ca89501c0a8945ff1966e62adef2c46a_1148x539.png) 填写模块内容 ![](https://img.kancloud.cn/f9/01/f9016715bd46d8128c8dbb6011fc329c_1966x1389.png) 返回模块列表-内容管理-添加模块里的内容,这样点击小程序里的顶部图标就能有内容展示啦 ![](https://img.kancloud.cn/b3/e2/b3e24a0d68bbba6cd38a480e9f7a7e10_1563x571.png) ### 四、如何配置官网内的【文章列表】模块 * 操作路径 管理端后台--官网--添加模块--选择模块类型--文字列表 ![](https://img.kancloud.cn/f7/d7/f7d7cb6fcc48eab1366d9f1baa79f941_588x689.png) ![](https://img.kancloud.cn/ca/89/ca89501c0a8945ff1966e62adef2c46a_1148x539.png) ![](https://img.kancloud.cn/a8/89/a88995e6d5bf068eaa535991b0ba58a5_884x381.png) ![](https://img.kancloud.cn/16/ef/16ef7cfbacb644c47a481e1145a747c3_792x668.png) 文章列表模块展示及效果 ![](https://img.kancloud.cn/b2/75/b2750a54173c97aba19670f57f484ad7_1137x707.png) ### 五、如何配置官网内的【招聘信息】模块 * 操作路径 管理端后台--官网--添加模块--选择模块类型--招聘信息 ![](https://img.kancloud.cn/c7/54/c754c2bf2b3dd9c417def0d95621c60b_577x700.png) 点击内容管理--添加招聘信息 ![](https://img.kancloud.cn/7a/9a/7a9a04e57cbede8768eef14330a2c231_823x672.png) 手机端页面展示效果如下 ![](https://img.kancloud.cn/3d/f4/3df4b9ce1a2577bfd649cc26afd36051_1176x682.png) ### 六、如何配置官网内的【联系我们】模块 * 操作路径 管理端后台--官网--添加模块--选择模块类型--招聘信息 ![](https://img.kancloud.cn/af/f1/aff13a8099fa985a9ac9c7a30ade2711_2229x1389.png) 联系我们展示及效果 ![](https://img.kancloud.cn/9e/81/9e8166d33a5abddbe484e420c9d8ca30_1189x664.png) ### 七、如何配置官网内的【员工展示】模块 >添加“员工展示”模块 ![](https://img.kancloud.cn/60/ef/60ef98d04a3e2ffa5ab5b931753e49aa_564x680.png) ![](https://img.kancloud.cn/3b/fb/3bfb3562a447f7374f10de5b25459887_963x464.png) ![](https://img.kancloud.cn/07/ed/07ede77479b2e1dd72475a1e2613be88_860x301.png) ![](https://img.kancloud.cn/9c/c2/9cc24142a7407a1156e73e84f2b461ae_862x686.png) >“员工展示”展示及效果 ![](https://img.kancloud.cn/2d/43/2d433cbfa7b24a746db548fac3a2f59d_1164x683.png) ### 八、如何配置官网内的【拨打电话】模块 >添加“拨打电话”类型模块 ![](https://img.kancloud.cn/81/0f/810f8e16362a7a662d2fc1d97476a573_604x662.png) ![](https://img.kancloud.cn/78/79/7879a2188044e6285669f544710a32d7_850x662.png) >“拨打电话”展示及效果 ![](https://img.kancloud.cn/b2/4c/b24c8b0eb3e501b914de33211614cfec_1081x657.png) ### 九、如何配置官网内的【视频】模块 >添加“视频模块” ![](https://img.kancloud.cn/7b/a5/7ba5d134be0f50ec6caf8296765e29c6_592x693.png) ![](https://img.kancloud.cn/54/20/54209a412aff9949377815cd8e7c9278_803x428.png) ![](https://img.kancloud.cn/9d/cb/9dcb7b59c916c0db897d65d2905b84cb_815x399.png) ![](https://img.kancloud.cn/e3/bf/e3bf777c78e01a31fc9c9c20cb8a8df1_821x588.png) >“视频模块”展示及效果 ![](https://img.kancloud.cn/eb/13/eb131f9437dc60b64f979c38a93a55e6_1171x691.png) ### 十、如何配置官网内的【表单】模块 >添加“表单模块” ![](https://img.kancloud.cn/09/b0/09b0f166fee1bc39cfd30838f49996b4_670x700.png) >“表单模块”展示 ![](https://img.kancloud.cn/33/bc/33bce64ff5783f30290b227e3c184977_1146x655.png) ### 十一、如何在小程序里添加留言 >小程序端添加留言 ![](https://img.kancloud.cn/25/6c/256c4e46d18c2d0aa18bca746f6cd8cb_1136x645.png) ### 十二、如何在官网里设置跳转网页模块 >添加“跳转网页”模块 跳转网页详情参考: https://www.kancloud.cn/book/fupengxian520/mp2_0/preview/H5外链配置.md ![](https://img.kancloud.cn/e2/2f/e22f3d9cf7b42378185504ec3827522c_534x680.png) ![](https://img.kancloud.cn/26/77/267731e590a0966cfe9334469b8eaef0_823x641.png) >“跳转网页”展示及效果 ![](https://img.kancloud.cn/64/bf/64bf596632da06c17e2d9a1e96b423d4_1149x632.png) ### 十三、如何在官网设置跳转小程序 >添加“跳转小程序”模块 跳转小程序详情参考: https://www.kancloud.cn/book/fupengxian520/mp2_0/preview/小程序链接.md ![](https://img.kancloud.cn/6e/30/6e308a2776112e8499d11e31b3b6cee4_569x675.png) ![](https://img.kancloud.cn/0b/fa/0bfa69af9741c8646a1264ee7d307397_935x680.png) >“跳转小程序”展示及效果 ![](https://img.kancloud.cn/fa/5e/fa5e07ee421b8885849ad9520cbbe7a3_1183x670.png)