🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
:-: **图片导航** 1、功能说明 图片导航在微页面中的使用频率非常高,常用于页面上一些需要加链接的图标或者图片,一个微页面里面可添加多组图片导航组件,一组图片导航最多可添加5张图片,每张大小保持一致,下图是利用图片导航创建的效果: ![](https://box.kancloud.cn/02a4d22cd230ab75566e36e5f784e065_539x947.png) 2、操作步骤 在微页面里面选择图片导航组件,在右侧添加和上传图片和设置链接,还可对里面的图片进行排序和删除操作: ![](https://box.kancloud.cn/f03b3cd0a07e40918b8430bd55a28878_1255x990.png) 注:切图技巧须知!!! 一组图片导航中的图片之间是不带间距的,且每张图片不能单独输入文字标题,所以切图的时候需要把文字和间距一起切下来,设计图以宽750px的设计稿为准,所以一组图片导航中的图片宽度之和应为750px,并且每张图片尺寸保持一致,如果切的图片不一致,则会影响页面的整体美观度,接下来我们用一个小程序的首页的一个图片导航组件做个切图示例: ![](https://box.kancloud.cn/7a7226c48b2b72e3af88f40d0858e8b7_976x880.png) 上一篇:轮播图