14、轮播图

.wxml

<swiper indicator-dots="true" autoplay="true" interval="5000" duration="500" indicator-active-color="red" circular="true">

 <!-- 列表数据 -->

 <block wx:for="{{imgUrls}}" wx:key ="item">

  <swiper-item>

   <!-- 每一条数据 -->

   <image src="{{item}}" class="slide-image" width="355" height="150"  mode="aspectFill"  />

  </swiper-item>

 </block>

</swiper>

.js

const app = getApp();

Page({

  data: {

    imgUrls: [

      '/image/lunbo/1.jpg',

      '/image/lunbo/2.jpg',

      '/image/lunbo/3.jpg'

    ],

    date: '2020-03-01',

  },

 

注：经过测试

大写的后缀名在预览的时候，不上传。看不到效果

 

要把它改成小写。

改小写方法，键盘输入后，回车发现还是大写。这是要刷新一一下它就会变成小写。