<view id="whiteListBox">
  <view id="whiteListCon">
    <view id="whiteListTop">
      <view id="whiteListTab">
        <view bindtap="tabClick" data-tabid="{{0}}" class="whiteListTabItem {{tabId==0?'currentTab':''}} happyTab">
          <image hidden="{{tabId!=0}}" src="../../assets/happyIcon.png" />
          <image hidden="{{tabId==0}}" src="../../assets/manage_video.png" />
          <text>娱乐应用</text>
        </view>
        <view bindtap="tabClick" data-tabid="{{1}}" class="whiteListTabItem centerTabItem {{tabId==1?'currentTab':''}} studyTab">
          <image hidden="{{tabId!=1}}" src="../../assets/studyIcon.png" />
          <image hidden="{{tabId==1}}" src="../../assets/manage_study.png" />
          <text>学习应用</text>
        </view>
        <view bindtap="tabClick" data-tabid="{{2}}" class="whiteListTabItem {{tabId==2?'currentTab':''}} gameTab">
          <image hidden="{{tabId!=2}}" src="../../assets/gameIcon.png" />
          <image hidden="{{tabId==2}}" src="../../assets/manage_game.png" />
          <text>游戏应用</text>
        </view>
      </view>
    </view>
    <view id="whiteList">
      <view class="whiteListItem" wx:for="{{appList}}" wx:key="{{item.appId}}">
        <view class="whiteListItemIcon">
          <image src="{{item.icon}}" />
          <text>{{item.title}}</text>
        </view>
        <switch color="#33D1C4" data-appid='{{item.appId}}' checked="{{item.status==1}}" bindchange="appSwitch"/>
      </view>
    </view>
  </view>
  <view id="settingBtn">
    <button id="settingDone" bindtap='settingDone'>确定</button>
  </view>
</view>