</br> >[info]# 图片导航 * * * * * </br> #### **1、功能说明** 图片导航在微页面中的使用频率非常高,常用于页面上一些需要加链接的图标或者图片,一个微页面里面可添加多组图片导航组件,一组图片导航最多可添加5张图片,每张大小保持一致,下图是利用图片导航创建的效果: ![](https://box.kancloud.cn/687ab254e187e9240070930b8011bbd7_539x947.png) #### **2、操作步骤** 在微页面里面选择图片导航组件,在右侧添加和上传图片和设置链接,还可对里面的图片进行排序和删除操作: ![](https://box.kancloud.cn/c5908807e9272c65acd9e58d73031678_1245x986.png) >[danger]#### **注:切图技巧须知!!!** 一组图片导航中的图片之间是不带间距的,且每张图片不能单独输入文字标题,所以切图的时候需要把文字和间距一起切下来,设计图以宽750px的设计稿为准,所以一组图片导航中的图片宽度之和应为750px,并且每张图片尺寸保持一致,如果切的图片不一致,则会影响页面的整体美观度,接下来我们用一个小程序的首页的一个图片导航组件做个切图示例: ![](https://box.kancloud.cn/c1d8c677d3072229da33801fa5454356_960x846.png)