微信小程序最基本的组件swiper的使用

学习微信小程序开发,最基本的便是轮播图的使用,当然微信官方给了最基本的组件的使用,swipe的使用,在我使用的时候,我发现也有很多的小坑,不过程序开发就是在Bug中不断成长

swiper插件的使用

swiper插件也就是轮播图,只不过我们在自己开发HTML的时候,我们一边下载别人的封装好的插件,不过在微信小程序后,我们官方文档给了一些配置,这使得我们通过配置某些参数,我们能够达到某些复杂插件的作用。

首先我们写入最基本的结构


在引入这样的代码我们运行就会发现
在这里插入图片描述
我们发现图片的宽度未满。我们需要像swiper-item输入宽度为100%;我们发现我们的宽度虽然达到了要求,但是我们的h没有达到要求
我们可以看下官方文档
仅可放置在swiper组件中,宽高自动设置为100%。
所以我们放入一下代码便可以



这样最基本的就完成了,我们还需要的就是多看官方文档!


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部