微信小程序，自定义switch组件

在我看来这个主要是样式，相当于自己重新写一个switch样式，下面直接看源码

目录结构

switch.wxml

<view class="switch">
  <view class="container">
    <text class="title">自定义switch</text>
    <view class="switch-container">
      <view style="margin-right:20px" wx:for="{
  
  {switchData}}" wx:key="index">
        <switchItme id="{
  
  {item.id}}" bindmyevent="tagSwitch" dataItem="{
  
  {item}}">
        </switchItme>
      </view>
    </view>

    <text class="title">微信switch</text>
    <view class="switch-container">
      <switch/>
    </view>
  </view>
</view>

switch.js

Page({

  data: {
    switchData: [{
        id: 1,