背景

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

活动模块

这个模块其实不急，只是有参考，就先站位先写了，

home.wxml

<view class="activity">
    <text>商家活动</text>
</view> 
<view class="ele-container">
  <block wx:for="{{funnyPic}}">
    <view class="funny_item" data-id="{{item.id}}">
      <image class="funny_pic" src="{{item.pic}}"></image>
      <view class="funny_name">{{item.title}}</view>
    </view>
  </block>
</view>

home.js

数据的话，还是先初始一坨

home.wcss

样式代码还是得给，不然有人又要说我分享的没给全

.funny_item{
  width: 333rpx;
  display: inline-block;
  text-align: center;
  margin-top: 13rpx;
  margin-left: 30rpx;
}
.funny_pic{
  width: 333rpx;
  height: 157rpx;
}
.funny_name{
  line-height: 60rpx;
   font-family:"PingFangSC-Regular","sans-serif","STHeitiSC-Light","微软雅黑","Microsoft YaHei";
  font-size: 26rpx;
  color:rgb(53, 53, 53);
}

.activity {
  font-family:"PingFangSC-Regular","sans-serif","STHeitiSC-Light","微软雅黑","Microsoft YaHei";
  font-size: 30rpx;
  color:rgb(136, 136, 136);
  padding-left: 30rpx;
  margin-top: 32rpx;
}

看看效果

最后

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

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