背景

从0开发个微信小程序，使用云开发，做的是同城微圈类似，名字还没想好。

轮播图太丑了

有人跟我说轮播图太丑， 那么修复个

wxml

<!--首页轮播图开始--> 
<swiper indicator-dots="true" autoplay="true" interval="3000" circular="true" indicator-color="#fff" indicator-active-color="#cccccc">
  <block wx:for="{{imgUrls}}">
    <swiper-item>
      <image src="{{item.pic_url}}" style="width:690rpx;height:280rpx;border-radius:15rpx;" data-id="{{item.id}}" bindtap='bannerClick'></image>
    </swiper-item>
  </block>
</swiper>
<!--首页轮播图结束-->

wcss

/* 轮播图 start */
swiper {
  width: 690rpx;
  margin: 0 auto;
  height: 280rpx;
  border-radius: 15rpx;
  overflow: hidden;
}
.wx-swiper-dots{
  position:relative;
  left: unset!important;
  right:280rpx;
  }
.wx-swiper-dots.wx-swiper-dots-horizontal{margin-bottom: 10rpx;}
/* 轮播图 end */

搞定 ，看下效果

最后

开发过程记录的，比较简单纪要。

我将一个个模块开发的情况，步骤，都汇总在这边了哦，如果有感兴趣的 ，可以一起学习交流下。继续开发...