🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
### 图片组件就是设置图片样式的组件。点击“![](https://img.kancloud.cn/89/f1/89f1429669988d3391548262b2baa523_17x17.png)”图标,再点击“图片”,即可创建图片,如图4.11; ![](https://img.kancloud.cn/ef/ff/efffdcd641989554ecf922a7f3692319_675x348.png) ![](https://img.kancloud.cn/b3/85/b38569d9c1d55341ecbd1018b7b8cbd2_807x36.png) ## **一、组件名称设置** ### 选中该图片组件,在操作界面右侧的“图层名称”处可修改组件的名称,如图4.12。(名称最好要设置一下,方便后期组件管理) ![](https://img.kancloud.cn/02/ba/02ba60c38e793ba4d22bafaeec1e1674_698x437.png) ![](https://img.kancloud.cn/ab/f2/abf2400d552f5658947edbd3c5206371_811x34.png) ## **二、图片设置** * ### 开启旋转:将图片效果设置为旋转,再在“旋转时间”处设置时间,就可控制旋转速度了; * ### 透明度:设置图片的透明度; * ### 图片地址:可以点击文本框右侧图片按钮,选择图片库内图片;也可在图4.13标注1中填写图片在某一服务器上的存储地址;也可点击图4.13标注2按钮,从本地上传图片; ![](https://img.kancloud.cn/5a/c5/5ac5ed28c7cbbfd1ceb7c98ca636ad2d_656x580.png) ![](https://img.kancloud.cn/4e/81/4e8179161abc697bc9543c90a4e658c3_808x39.png) ## **三、接口设置** ### 1\. 数据类型 ### 数据类型分为静态数据和动态数据; * ### 静态数据:写死的数据; * ### 动态数据:会随着接口传过来的数据实时变化;(一般这种比较常用) ### 2\. 接口地址 ### (1)静态数据,接口地址传过来的内容要符合以下格式: ~~~ { "value": "https://img.alicdn.com/tfs/TB1v28TC8v0gK0jSZKbXXbK2FXa-1880-640.jpg" } ~~~ ### (2)动态数据,接口地址传过来的内容要符合以下格式: ~~~ {"value":"https://img.alicdn.com/tfs/TB1v28TC8v0gK0jSZKbXXbK2FXa-1880-640.jpg"} ~~~ ### 3\. 刷新时间 ### 这个参数主要针对动态数据设置的,完成数据的实时更新。 * ### 如果你想设置成5秒刷新一次,可以将刷新时间设置成“5000”; ### 4\. 刷新数据 ### 这个参数主要是重新请求以下接口,完成数据的更新。 ![](https://img.kancloud.cn/46/e6/46e6cdd60ac702587e0cc5d2b21c98b1_1056x1184.png)