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

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

I。图像标签图片标签1 src

Src指定要加载的图片的路径。

（1）图片默认长宽高为320 * 240，原始尺寸为200 * 100。

2模式

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

（1）默认值1）scaleToFill不保持纵横比来缩放图片，这样图片的宽度和高度将完全拉伸以填充图像元素。

（2）aspectFit保持纵横比以确保显示图片的长边。

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

（4）width fix在指定web上图片的宽度之前，将按比例调整高度。。类似于前面的背景-位置。

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

3个-负载

小程序中的图片直接支持lazy -加载。

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

二、swiper轮播组件swiper是一个包装轮播的容器，里面的子元素必须是swiper-item组件。Swiper可以自动旋转子元素，并且天生带有指针，还可以用手指左右滑动。

1台刷卡机

Rotagraph外部容器擦拭器

2个swiper -项目

每个转盘项目swiper -项目

3个swiper标签有一个默认样式。

⑴宽度100%

（2）高度150pximage的默认宽度和高度为320240。

（3）* swiper高度不能按内容扩展。

4首先找出原始图像的宽度和高度，并为swiper设置宽度和高度。

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

Swiper宽度/swiper高度=原始图像的宽度/原始图像的高度。

Swiper高度=swiper宽度*原始图像的高度/原始图像的宽度。

高度:10ovw * 352 /1125

5自动播放

自动播放自动转盘

6个间隔

间隔修改轮播时间

7圆形

环形链接传送带

8个指示器-点

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

9个指示器-颜色

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

10个指示器-活动-颜色

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

更多编程相关知识请访问:编程入门！！

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

• 如何实现小程序发送服务通知（小程序如何主动向用户发送通知）
• 如何获取小程序的unionid（如何获取小程序的页面路径）
• 生成海报的示例小程序（Java后端）（微信小程序生成海报演示）
• 什么是小程序？ 有哪些功能？（什么是小程序？有哪些功能？）
• 介绍如何用小程序生成参数二维码（二维码+小程序参数）

本文由主机参考刊发，转载请注明：小程序学习图片标签和swiper组件的分析（微信小程序图片组件定义大小） https://zhujicankao.com/107518.html