<view class="container FlexColumn" style='min-height:{{Containnerheight}}rpx;'>
  <view style='height:20rpx'></view>
  <view class="panelItem FlexColumn">
    <view class="panelTitle0 panelTitle FlexRow">
      <view class="panelTitle1">用途说明</view>
    </view>
    <view class="panelItem2">选择题卡的主题色。该功能的原理是利用“多变的环境对记忆的增效作用”，采用颜色元素，打破人体通过视觉对信息布局的识别形成记忆关系后产生的环境依赖。所以，推荐多选或全选颜色，比如根据您对颜色的喜好去除不喜欢的颜色，保留相对有吸引力的颜色就好。在选中多种颜色的情况下，系统将在每次学习时随机选择一款颜色。</view>

    <image class="help_picture_themecolor" src='{{ImagePath}}web/help_picture_themecolor.png' />

  </view>
  <view class='lineFooter'></view>

  <view class="panelTitle FlexRow">
    <view class="panelTitle1">选择需要的主题色</view>
  </view>
  <view class="panelItem FlexColumn">
    <view style="height:40rpx;"></view>
    <view class="{{item.SelectedCSS}} panelItem0 FlexRow" wx:for="{{ColorList}}" wx:key="index" wx:if="{{index>0}}" bindtap="selectColor" data-index="{{index}}">
      <view class='panelItem01' style='background-color:{{item.BackColor}};'>{{item.Name}}</view>
    </view>
    <view style="height:10rpx;"></view>
    
  </view>
  <view class='lineFooter'></view>
  <view style='height:100rpx'></view>
</view>