微信小程序，首页的实现

最新推荐文章于 2024-08-16 15:43:13 发布

咯好好

最新推荐文章于 2024-08-16 15:43:13 发布

阅读量2.7k

点赞数 3

本文链接：https://blog.csdn.net/qq_21036939/article/details/84618207

版权

本文介绍了微信小程序中首页的实现过程，包括swiper轮播图、精品推荐标题布局、网格布局和列表的创建。通过使用flex布局和渐变背景，详细阐述了各个部分的实现细节，提供了源码下载链接。

摘要由CSDN通过智能技术生成

源码位置https://download.csdn.net/download/qq_21036939/10815970

昨天晚上画时间实现了一下首页效果，轮播图+网格布局+列表

总体感觉像轮播图这种相比Android用着要方便很多（不过Android轮播图控件一般都用封装好的，也不麻烦），在布局定义这块，感觉比Android要麻烦的多（前端菜鸟，也没话说）

1，swiper的使用

  <view class="selection">
  <!-- 分别定义，是否显示点，自动播放，显示时间，切换时间 -->
    <swiper indicator-dots="true" autoplay="ture" interval="3000" duration="1000">
      <block wx:for="{
  {imgUrls}}"> <!--imgUrls数组，下边循环显示每个item-->
        <swiper-item>
          <image src="{
  {i