小程序学习分析:图像标签和swiper组件(小程序图像组件的属性)

本文带你了解一下小程序中的图片标签、图片标签、swiper carousel组件，希望对你有所帮助！

一.图像标签图片标签1 src

指定要加载的src映像的路径。

(1)图片默认宽度和高度为320 * 240。原尺寸为200 * 100。

2模式

模式决定图片内容如何适应图片标签的宽度和高度。

(1) ScaleFill默认值不保持长宽比缩放图片，使图片的宽度和高度被充分拉伸以填充图像元素。

(2)aspectFit保持长宽比，保证显示图片的长边。页面轮播是常用的。

(3)aspectFill保持长宽比来缩放图片，只有图片的短边可以完全显示。少用

(4) widthFix在指定网页图片的宽度之前，高度会按照常用的5底的比例自行调整。。类似于前面的背景-位置

【相关学习推荐:小程序开发教程】

3 lazy -负载

小程序里的图片直接支持懒加载lazy-load。

Lazy-load会自己判断，当图片出现在viewport I的上下三个屏幕的高度范围内时，就会自己开始加载图片。

二。swiper carousel组件swiper是包装carousel的容器，其子元素必须是swiper-item组件。Swiper可以自动旋转子元素，天生就有指示点。还可以用手指左右滑动。

1台刷卡机

旋转式外部容器刷洗机

2个swiper -项目

每个转盘物品的swiper -物品

3 swiper标签有默认样式。

(1)宽度100%

(2)高度150pximage的默认宽度和高度为320240。

(3)*swiper高度不能按内容展开。

4.首先等比例找出原图的宽度和高度，设置swiper的宽度和高度。

原图的宽度和高度为1125 * 352 px。

Swiper width/height =原始图像的宽度/高度

Swiper height =swiper width *原始图像高度/原始图像宽度

高度:10ovw * 352 /1125

5自动播放

自动播放自动转盘

6个间隔

间隔修改轮播时间

7圆形

环形链接传送带

8个指示器-点

指示器-点显示指示器寻呼机索引器

9个指示器-颜色

指示器-颜色指示器的未选定颜色。

10个指示器-活动-颜色

指示器-活动-颜色选定时指示器的颜色。

有关编程的更多信息，请访问:编程入门！！以上是小程序学习的简要分析，图片标签和swiper组件的详细内容。请多关注主机参考其他相关文章！

这几篇文章你可能也喜欢：

• 小程序学习图片标签和swiper组件的分析（微信小程序图片组件定义大小）

本文由主机参考刊发，转载请注明：小程序学习分析:图像标签和swiper组件(小程序图像组件的属性) https://zhujicankao.com/76205.html