微信小程序

最新推荐文章于 2020-01-20 09:31:51 发布

置顶霍常莹博客

最新推荐文章于 2020-01-20 09:31:51 发布

阅读量173

点赞数

分类专栏：小程序移动端 h5 文章标签：微信小程序简单案例

本文链接：https://blog.csdn.net/qq_37489307/article/details/82972619

版权

移动端同时被 3 个专栏收录

2 篇文章 0 订阅

订阅专栏

2 篇文章 0 订阅

订阅专栏

小程序

1 篇文章 0 订阅

订阅专栏

index.js

const app = getApp()

Page({
data: {
imgUrls:[],
indicatorDots: true,
autoplay:true,
interval: 5000,
duration: 1000,
navs:[],
goods:[]

onLoad: function () {
var self = this;
wx.request({
url: ‘http://vueshop.glbuys.com/api/home/index/slide?token=1ec949a15fb709370f’,
success:function(res){
console.log(res)
self.setData({
imgUrls:res.data.data
})
}
})

wx.request({
url: ‘http://vueshop.glbuys.com/api/home/index/nav?token=1ec949a15fb709370f’,
success:function(res){
console.log(res.data.data)
self.setData({

    navs:res.data.data
  })
}

}),
wx.request({
url: ‘http://vueshop.glbuys.com/api/home/index/goodsLevel?token=1ec949a15fb709370f’,
success: function (res) {
console.log(res.data.data)
self.setData({

      goods: res.data.data
    })
  }
})

}

})
index.wxm

 <view class="bu-nav">
    <block wx:for="{{navs}}" wx:key="id">
          <view class="bu-nav-item">
            <view class="img1"><image src='{{item.image}}' class='img'/></view>
            <view class="tex1">{{item.title}}</view>
          </view>
          
    </block>
 </view>
 <view class="bu-divider"></view>

<view class="bu-good">
      <block wx:for="{{goods}}" wx:key="id">
            
            <view class='bu-goods-title'>--{{item.title}}--</view>



            <block wx:for="{{item.items}}" wx:for-item="subItem"  wx:key="id" class="content">
                <view class='content-con'>{{subItem.title}}</view>
                <view class='content-img'><image src="{{subItem.image}}"></image></view>
            </block>
      </block>
</view>