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


跳轉部分:
在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%;
}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2026 CODEPRJ.COM