小程序轮播图组件的使用及感想
发布于 3 年前 作者 jingyu 1520 次浏览 来自 分享

几天浏览文档内容初步上手了一下小程序开发,先尝试使用了一下轮播图组件和路由这几天初步上手了一下小程序开发,先尝试使用了一下轮播图组件和路由部分。

这里贴一下wxml代码,自动播放修改为true,其他为默认状态

js部分的data轮播图图片地址数据 采用for循环遍历渲染页面

最终得到的轮播图效果图

一开始获得的图片比例大小与小程序的页面会有出入,给swiper-item组件添加以下代码即可调整:

background-repeat: no-repeat ;
background-size100% 100% ;

此前粗略学过react框架因此上手小程序的感觉还是非常良好的,两者都是运用组件化开发的形式,而且都可以使用组件!!跟antd组件类似我个人感觉是非常香的,而且小程序文档里提供的组件及api相关介绍非常全面,相比react方便了很多。但两者还是有些不同的地方需要花些时间去细细琢磨。近期打算利用一下先前跟后台小伙伴合作的接口文档自行制作一个mini版的掘金小程序。初步尝试估计会遇到很多坎和各种奇奇妙妙的坑点,但还是希望自己能够坚持下去能做一点是一点,之后会抽空总结一下近期制作的部分,也希望社区的大佬们可以多多指点😀

5 回复

之前读文档的时候没注意,看了这篇文章后发现了很多不会的,赞!

期待你的mini版掘金小程序

估计之后要一直写bug了🤣

后生可畏

社区大佬真多 我算是学到了

回到顶部