要在微信小程序中调用接口并实现轮播图功能，你需要遵循以下步骤：
获取轮播图数据列表的接口
接口地址：`https://www.escook.cn/slides`。
在页面加载时（`onLoad`生命周期函数），使用`wx.request`发起GET请求获取轮播图数据列表。
请求成功后，将数据设置到页面的`data`中，并通过`wx:for`指令在WXML中遍历渲染每个轮播图项。
获取商品详情数据
接口地址：`https://api-hmugo-web.itheima.net/api/public/v1/goods/detail`。
同样在页面加载时（`onLoad`生命周期函数），使用`wx.request`发起GET请求获取商品详情数据。
请求成功后，将数据设置到页面的`data`中，并在需要的地方展示商品详情。
轮播图组件配置
在WXML中，使用`
在JS中，定义相关的事件处理函数，如`changeAutoplay`、`intervalChange`和`durationChange`，用于控制轮播图的行为。
```javascript
// index.js
Page（{
data: {
sliderData: [], // 轮播图数据列表
goodsDetail: null // 商品详情数据
},
onLoad: function （options） {
this.getSliderData（）；
this.getGoodsDetail（）；
},
getSliderData: function （） {
wx.request（{
url: 'https://www.escook.cn/slides',
success: （res） => {
this.setData（{
sliderData: res.data
}）；
}
}）；
},
getGoodsDetail: function （） {
wx.request（{
url: 'https://api-hmugo-web.itheima.net/api/public/v1/goods/detail',
success: （res） => {
this.setData（{
goodsDetail: res.data
}）；
}
}）；
}
}）；
```
通过以上步骤和代码示例，你可以在微信小程序中实现一个带有数据接口的轮播图功能。请确保替换示例代码中的接口地址为你自己的实际接口地址，并根据需要调整代码逻辑。