VPS参考测评推荐
专注分享VPS主机优惠信息
衡天云优惠活动
华纳云优惠活动
荫云优惠活动

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

主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情!
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作

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

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

一.图像标签图片标签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组件(小程序图像组件的属性) https://zhujicankao.com/76205.html

【腾讯云】领8888元采购礼包,抢爆款云服务器 每月 9元起,个人开发者加享折上折!
打赏
转载请注明原文链接:主机参考 » 小程序学习分析:图像标签和swiper组件(小程序图像组件的属性)
主机参考仅做资料收集,不对商家任何信息及交易做信用担保,购买前请注意风险,有交易纠纷请自行解决!请查阅:特别声明

评论 抢沙发

评论前必须登录!