微信小程序（三）頁面跳轉和圖片滑動切換

跳轉部分：

在index2.wxml中，添加跳轉函數，如下所示：

 

 

wxml代碼：

<!--pages/list/list.wxml-->
<view>
<swiper indicator-dots indicator-color='yellowgreen'
indicator-active-color='pink'>
<swiper-item>
<image src="/static/images/a.jpg"></image>
</swiper-item>
<swiper-item>
<image src="/static/images/y.jpg"></image>
</swiper-item>
<swiper-item>
<image src="/static/images/s.jpg"></image>
</swiper-item>
<swiper-item>
<image src="/static/images/t.jpg"></image>
</swiper-item>
</swiper>
</view>

wxss樣式代碼如下：

swiper{
width:100%;
height:400rpx;
}
swiper image{
width:100%;
height:100%;
}