小程序双头slider选择器的实现示例

<ui-item item="{{sliderConfig}}" />

const Pager = require('../../components/aotoo/core/index')
const mkSslider = require('../../components/modules/sslider/index')
Pager({
 data: {
  rangeValue: '00',
  sliderConfig: mkSslider({
   id: '', 
   max: 10,
   step: 1,
   value: [0, 10],
   blockSize: 30,
   button: [{}, {}],
   content: null,
   bindchange: null,
   bindchanging: null,
   smooth: true,
   tip: true,
   disable: false,
   frontColor: '#ccc',
   backColor: '#2b832b'
  }),
 },
})

Pager({
 data: {
  slideConfig: mkSslider({ id: 'abc' })
 },
 onReady() {
  console.log(this.abc.value)
 }
})

slideConfig: mkSslider({
 max: 1000,
 step: 50,
 value: [0, 1000]
})

slideConfig: mkSslider({
 tip: true
})

slideConfig: mkSslider({
 value: [3, 8]
})

slideConfig: mkSslider({
 blockSize: 40 // 默认30
})

slideConfig: mkSslider({
 button: ['爽', {img: {src: '/images/chat.png', itemStyle: 'width: 30px; border-raduis: 50%;'}}]
})

slideConfig: mkSslider({
 disable: true // 默认有效
})

slideConfig: mkSslider({
 frontColor: 'red',
 backColor: 'blue'
})

slideConfig: mkSslider({
 bindchange() {}, // touchend响应
 bindchanging() {} // touchmove响应
})

slideConfig: mkSslider({
 button: [{}]
})