微信小程序大白网络科技项目实战绑定数据

本项目适合微信小程序初学者练手，要求把数据尽量绑定在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="youhui" src="{
  {b2}}"></image>