小程序开发路径-自定义分段视图

目前，小程序一团糟。传统app太重了。作为一个轻量级app，小程序在当前快节奏的开发环境中占有一席之地。

它已经能够满足通常的小练习，但仍有大量组件需要在特定的开发中使用，这需要在场的程序员的努力。发展总是在制造车轮的道路上越走越远。。。

在iOS中，有一个UISegmentViewController按钮视图控制器，也可以通过自定义、继承等方法进行自定义。目前，小程序没有现有的segmentView组件，因此在开发过程中，请粘贴您自己项目中编写的自定义组件，希望对您有所启发。

直接编码。。。。

JS部分：

数据：{

分段数据：[

｛title:“week”，selected:true｝，//默认选中

｛title:“月”，selected:false｝，

｛title:“Year”，selected:false｝

]

},

segmentDidTap:函数（e）{

var=这个；

var索引=e.currentTarget.dataset.index；

if（that.data.segmentData[index].selected）{

回来

}

for（data.segmentData中的var i）{

如果（i==索引）{

data.segmentData[i]。selected=真

}其他{

data.segmentData[i]。selected=假

}

}

that.setData（设置数据）({

分段数据：that.data.segmentData

})

}

WXML节：

{value.tittle｝

WXSS部件：

.segment项{

边框：2rpx纯灰色；

文本对齐：居中；

宽度：225rpx；

}

.segmentItem_已选择{

背景色：灰色；

}