微信小程序3

wxml

<swiper 
    indicator-dots="{{indicatorDots}}" 
    autoplay="{{autoplay}}" 
    interval="{{interval}}" 
    duration="{{duration}}" 
    circular="{{circular}}"
>
	<block wx:for="{{imgList}}" wx:key="*this">
		<swiper-item>
			<view class="swiper-item">
                <image 
                    class="img-item" 
                    src="{{item.img_url}}" 
                    data-url="http://www.baidu.com"
                    bindtap="goTo"
                />
			</view>
		</swiper-item>
	</block>
</swiper>
<ListComp goodsList="{{goodsList}}"></ListComp>

js

        /* 指示点 */
        indicatorDots: true,
        /* 自动播放 */
        autoplay: true,
        /* 2秒播放一次 */
        interval: 2000,
        /* 播放持续时间500毫秒 */
        duration: 500,
        /* 从最后一页播放到第一页 */
        circular: true,
        imgList:[],
        goodsList:[]
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
        this.getDataList();
    },
    getDataList() {
        // wx.request({
        //     url: 'https://api.shop.eduwork.cn/api/index', //仅为示例，并非真实的接口地址
        //     header: {
        //         'Authorization': wx.getStorageSync('token') // 默认值
        //     },
        //     success:(res)=>{
        //         console.log(res.data)
        //         this.setData({
        //             imgList:res.data.slides,
        //             goodsList:res.data.goods.data
        //         })
        //     }
        // })
        getIndexInfo()
        .then(res=>{
            this.setData({
                imgList:res.slides,
                goodsList:res.goods.data
            })
        })
        .catch(err=>{
            console.log(err)
        })
    },
    goTo({currentTarget}){
        console.log(currentTarget.dataset.url);
        wx.navigateTo({
          url: '/pages/linkpage/linkpage?url='+currentTarget.dataset.url,
        })
    },

css

    width: 750rpx;
    height: 350rpx;
}

跳转页wxml

<web-view src="{{url}}"></web-view>
  

跳转页js

        url:""
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
        console.log('options',options.url);
        this.setData({
            url:options.url
        })
    },