开发者学堂课程【云·企业官网产品教程 :图片控件】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/638/detail/10208
图片控件
内容设计:
一,如何添加图片
二,图片的设置
一,如何添加图片
点击左侧组件--图片,选择图片,单击添加到空白页面。
二,图片的设置
点击图片的设置按钮,样式中可以切换样式,有四种样式选择。
还可以设置填充方式:
等比缩放:
等比例进行放大与缩小,对图片清晰度影响最小,需要保持图片清晰度与内容完整性时,建议使用等比缩放。
剪裁填充:
根据框架大小有一定的裁剪,如:左右裁剪,不影响图片清晰度,对图片完整性有一定影响。
拉伸填充:
图片根据框架的大小进行放大与缩小,图片本身不会被裁剪,对图片清晰度影响最大,一般不采用。
还可以设置边框的颜色,线宽,圆角。阴影的大小,模糊。
点击数据--更换图片--上传图片--继续添加图片--上传图片,图片被上传成功。
单击图片,确定,图片更换成功。
可设置图片标题,图片链接如页面,文章,产品,其他链接,弹出窗口,可设置打开方式,动效,排列,尺寸,位置。
设置好后点击保存,预览。点击图片可以跳转到页面中。