🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# banner管理 如何使用banner管理 一、登录后台点击【内容】---【banner管理】--添加 ![](https://img.kancloud.cn/09/3b/093b349d39ca832103799faf7be92442_1918x875.png) 二、填写banner名称、选择类型、设置链接、添加图片 ![](https://img.kancloud.cn/63/e3/63e3947a3fd6f359fd96cfd68c94de1e_1613x855.png) banner类型分两种:图片和视频 以图片为例 1.选择图片 ![](https://img.kancloud.cn/51/7b/517bd95e1b5e448e6bb2db52fdd8ddbe_1005x614.png) 2.banner链接,点击选择链接,这里以商品详情页为例 ![](https://img.kancloud.cn/54/3c/543c61c7f21816062ada445947bd5df4_924x609.png) ![](https://img.kancloud.cn/fd/c2/fdc286f6e4b7ed85a96ca1eed6857a79_1168x748.png) 3.添加图片,这个图片对应小程序端首页轮播图 以视频为例 1.视频可以添加MP4视频或者腾讯视频,mp4视频为例 ![](https://img.kancloud.cn/ee/b4/eeb4835f5634ddbe95c467e3982ac251_1604x781.png) 2.可以直接填写mp4链接 ![](https://img.kancloud.cn/df/8b/df8b58c617450b415c8f31889d17ec4a_1662x695.png) 3.也可以直接选择后台的视频,点击选择视频,跳转至选择视频页面选择添加好的视频,如果没有可以上传下 ![](https://img.kancloud.cn/69/a9/69a90d5738216917a14140e2bd74033b_1057x646.png) ![](https://img.kancloud.cn/14/ac/14acc05270af18888e76a0d969ed23da_1630x851.png) 三、进入站点设计页面 ![](https://img.kancloud.cn/cb/71/cb717a840dda461724c51b8f7c8a4b61_1889x712.png) 放置【轮播图】组件,并选择轮播图管理 ![](https://img.kancloud.cn/66/71/667163744deace7001fb706f6598261d_1915x710.png) 可以设置轮播图滚动间隔时间 ![](https://img.kancloud.cn/07/1d/071d0003866672c6ae02078824c26ae1_1306x633.png) 点击添加,选择自己创建的数据,图片和视频可以同时选择 ![](https://img.kancloud.cn/26/d7/26d7f9bcad6939ee24de70cbf768e091_1920x879.png) 四、小程序展示 首页可以看到设计的轮播图和视频 ![](https://img.kancloud.cn/08/0b/080ba2339adb7bda5eaecde19875fd1f_380x668.png) ![](https://img.kancloud.cn/de/5b/de5b7080b607071dd365c3d2015e10dc_372x669.png) 点击轮播图可以跳转到指定的商品详情页面 ![](https://img.kancloud.cn/85/6e/856ef70192f51aa4e5ff2e26687448b3_375x664.png) ![](https://img.kancloud.cn/46/c9/46c90ee825c3cbcfdfb03858798f0ccb_373x668.png)