本项目适合微信小程序初学者练手,要求把数据尽量绑定在js中
上效果
此页面顶部是一个轮播图,可以用swiper组件写出,接下来是六个链接块,每一个页面都可以点击跳转
index.wxml
<!--index.wxml-->
<view class="header">
<swiper indicator-dots="true" autoplay="false" interval="5000" duration="1000" class="swiper-block">
<block wx:for="{
{imgUrls}}" wx:key="">
<swiper-item>
<image src="{
{item}}" class="slide-image" mode="widthFix" ></image>
</swiper-item>
</block>
</swiper>
</view>
<view class="banner">
<block wx:for="{
{bannerImg}}" >
<navigator url="{
{item.url}}" class="banner-block">
<image class="banner-img" src="{
{item.image}}"></image>
<text class="banner-text">{
{item.text}}</text>
</navigator>
</block>
</view>
<navigator url="../../pages/bill/bill">
<image class="youhui" src="{
{b3}}"></image>
</navigator>
<image class&#