【教程】小程序轮播图的简单封装

发布于 4 年前作者 fli1463 次浏览最后编辑 4 年前来自 share

最终效果

教程

  1. 首先WXML中代码是对小程序现有组件swiper和swiper-item的进一步封装改造
  2. 明确好思路后,最重要、最关键的就是CSS的调试,这也是进一步改造轮播图成自己UI图样子的重点

HTML代码:


其中image的src根据自己data中路径的格式引入即可,我这里是数组形式

CSS代码:


3 回复
mintan
mintan1 楼4 年前

其实平时的练习程序发二维码别人能看到吗

tianyan
tianyan2 楼4 年前

学到了~

fangyang
fangyang3 楼1 个月前

哇哦 学到了学到 了