微信小程序 ​

<scroll-view class="scroll-view_H" scroll-x="true">
  <view class="scroll-view-item_H">111</view>
  <view class="scroll-view-item_H">222</view>
  <view class="scroll-view-item_H">333</view>
</scroll-view>

.scroll-view_H{
  white-space: nowrap;
  width: 100%;
}
.scroll-view-item_H{
  display: inline-block;
  width: 100%;
  height: 300rpx;
  background-color: green;
}

<button type="default" plain="true" bindtap="bannerBtnClick" id="{{item.type}}">查看详情</button>

// 获取参数
bannerBtnClick:function(e){
  console.log(e.target.id)
}

<button type="default" plain="true" bindtap="bannerBtnClick" data-type="{{item.type}}">查看详情</button>

// 获取参数
bannerBtnClick:function(e){
  console.log(e.target.dataset.type)
},

<button type="default" plain="true" bindtap="bannerBtnClick">查看详情</button>

### 3.3、API
#### 3.3.1、路由跳转
##### 3.3.1.1、跳转
```html
wx.navigateTo({
  url: '/pages/home/activity/activity',
})

wx.navigateTo({
  url: '/pages/home/activity/activity?id=1',
})

// 页面获取参数
onLoad:function(options){
  console.log(options.id)
}

wx.navigateBack({
  delta: 1
})