segmentControl

功能描述

segmentControl是仿iOS的UISegmentControl控件

依赖模块

快速使用

  1. <div id="segment" class="segment-control" style="width: 80%;">
  2. <a>新闻</a>
  3. <a class="segment-control-active">音乐</a>
  4. <a>视频</a>
  5. </div>
  6. <div id="segment1" class="segment-control" style="width: 60%; margin-top: 10px;">
  7. <a>新闻</a>
  8. <a>音乐</a>
  9. <a class="segment-control-active">视频</a>
  10. </div>
  1. segmentControl(document.getElementById('segment'), function(idx) {
  2. console.log('segment', idx)
  3. })
  4. segmentControl(document.getElementById('segment1'), function(idx) {
  5. console.log('segment1', idx)
  6. })

配置项

参数1

  • 类型:HTMLElement
  • 默认值:null
  • 作用:分段div
  • 是否必传:是

    参数2

  • 类型:Function

  • 默认值:null
  • 作用:选择回调
  • 是否必传:是