<view id="setting">
  <view id="settingWrap">
    <view class="useSetting">
      <view class="useSettingTip" bindtap='useLimit'>
        <text class="useSettingTitle">使用限制</text>
        <view class="useSettingTipIcon">
          <image src="../../assets/tips.png" />
          <view class='invite' hidden="{{!useLimitShow}}">
            您可以设置是否完成训练计划后，才允许使用「娱乐」「游戏」「视频」等应用
          </view>
        </view>
      </view>
      <picker bindchange="useChange" value="{{useIndex}}" range="{{useArray}}">
        <view class="useSettingBox">
          <view class="use">{{useArray[useIndex]}}</view>
          <image class="arrowDown" src="../../assets/icon_more.png" />
        </view>
      </picker>
    </view>
    <view class="useSetting">
      <view class="useSettingTip" bindtap='constraint'>
        <text class="useSettingTitle">强制护眼</text>
        <view class="useSettingTipIcon">
          <image src="../../assets/tips.png" />
          <view class='invite' hidden="{{!constraintTipShow}}">
            未训练的使用时长达到设定时间后，系统将自动进行护眼训练
          </view>
        </view>
      </view>
      <picker bindchange="shieldChange" value="{{shieldIndex}}" range="{{shieldArray}}">
        <view class="useSettingBox">
          <view class="use">{{shieldArray[shieldIndex]}}</view>
          <image class="arrowDown" src="../../assets/icon_more.png" />
        </view>
      </picker>
    </view>
    <view class="useSetting parallaxBox">
      <text class="useSettingTitle">视差训练</text>
      <picker bindchange="parallaxChange" value="{{parallaxIndex}}" range="{{parallaxArray}}">
        <view class="useSettingBox">
          <view class="use">{{parallaxArray[parallaxIndex]}}</view>
          <image class="arrowDown" src="../../assets/icon_more.png" />
        </view>
      </picker>
    </view>
    <view class="useSetting parallaxBox">
      <text class="useSettingTitle">弱视训练</text>
      <picker bindchange="weakChange" value="{{weakIndex}}" range="{{weakArray}}">
        <view class="useSettingBox">
          <view class="use">{{weakArray[weakIndex]}}</view>
          <image class="arrowDown" src="../../assets/icon_more.png" />
        </view>
      </picker>
    </view>
    <view class="useSetting useSettingInstall">
      <view class="useSettingTip" bindtap='installAppTip'>
        <text class="useSettingTitle">允许自由安装更多应用</text>
        <view class="useSettingTipIcon">
          <image src="../../assets/tips.png" />
          <view class='inviteSmall' hidden="{{!installAppTipShow}}">
            打开该设置可以允许自主下载更多应用
          </view>
        </view>
      </view>
      <switch color="#33D1C4" checked="{{installApp==1}}" bindchange="installApp"/>
    </view>
  </view>
  <view id="whiteListBox">
    <view id="whiteListCon">
      <view class="toWhiteList">应用白名单</view>
      <view id="whiteListTop">
        <view id="whiteListTab">
          <view bindtap="tabClick" id="entertainment" class="whiteListTabItem" bindtap='toWhiteList'>
            <image src="../../assets/manage_video.png" />
            <text>娱乐应用</text>
          </view>
          <view bindtap="tabClick" id="study" class="whiteListTabItem centerTabItem" bindtap='toWhiteList'>
            <image src="../../assets/manage_study.png" />
            <text>学习应用</text>
          </view>
          <view bindtap="tabClick" id="game" class="whiteListTabItem" bindtap='toWhiteList'>
            <image src="../../assets/manage_game.png" />
            <text>游戏应用</text>
          </view>
        </view>
      </view>
    </view>
  </view>
  <view id="settingBtn">
    <button id="settingDone" bindtap='settingDone'>保存</button>
  </view>
  <view class="dialogBg" hidden="{{!useLimitShow}}" bindtap="closeUseLimit"></view>
  <view class="dialogBg" hidden="{{!constraintTipShow}}" bindtap="closeConstraintTip"></view>
  <view class="dialogBg" hidden="{{!installAppTipShow}}" bindtap="closeInstallAppTip"></view>
</view>