评论

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

2021-11-21
6198浏览
4评论

小程序轮播图的进一步改造

最终效果

教程

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

HTML代码：


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

CSS代码：


最后一次编辑于  2021-11-21  
点赞 3
收藏
评论

4 个评论

  • 容城-向云端
    容城-向云端
    2022-04-11

    请教一下，如果在轮播图中第一张图片加广告，如banner广告，是如何加的，我一直出错，求指教一下，谢谢。

    2022-04-11
    赞同 1
    回复
  • Bubbly
    Bubbly
    发表于小程序端
    2021-11-22

    学到了～

    2021-11-22
    赞同 1
    回复
  • Bubbly
    Bubbly
    发表于小程序端
    2021-11-22

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

    2021-11-22
    赞同 1
    回复 3
    • Smooth
      Smooth
      发表于小程序端
      2021-11-23

      需要点击右上角上传后，在开发者平台的后台将要体验小程序的人设置为体验人员，然后在版本管理中设置为体验版，就可以将二维码发给别人看了

      2021-11-23
      赞 2
      回复
    • Bubbly
      Bubbly
      发表于小程序端
      2021-11-23回复Smooth

      嗯我知道，但好像只能五个

      2021-11-23
      赞 2
      回复
    • Smooth
      Smooth
      2021-11-23回复Bubbly
      那就删掉别的哈哈
      2021-11-23
      赞 1
      回复
  • 谋谋谋
    谋谋谋
    2021-11-22

    哇哦 学到了学到 了

    2021-11-22
    赞同 1
    回复 1
    • Smooth
      Smooth
      2021-11-23
      ~~
      2021-11-23
      赞 1
      回复
请 登录 后发表内容
作者介绍

文章标签