微信小程序

1、滚动条使用官方推荐的组件scroll-view,示例如下：

 <scroll-view class="subway-map-box" scroll-x="true" enable-flex scroll-left="{{scrollLeft}}"> </scroll-view>

设置滚动条默认位置：
 const index = list.findIndex(item => item== currentOperationType)
            that.setData({
              scrollLeft: 宽度 * index
            })

2、获取用户定位

var QQMapWX = require("../api/qqmap-wx-jssdk");//百度去找这个文件或者去官网
var qqmapsdk = new QQMapWX({
      key: "",//官网开通定位权限，会生成一个唯一得key
    });
setPosition(qqmapsdk, item, failContent) {
      const that = this
      qqmapsdk.reverseGeocoder({
        type: 'gcj02',
        success: (res) => {
          const address = res.result.formatted_addresses.standard_address
          const location = res.result.location
        },
        fail: (err) => {
          //用户已授权，但是获取地理位置失败，会弹框提示用户去系统设置中打开定位
          wx.showModal({
            title: '',
            content: failContent,
            confirmText: '确定',
            success: function (res) {
            }
          })
        }
      })
    }

3、自定义两个组件：