miaoguo_master/pages/plan/memoryLevel.wxml

<view class="container FlexColumn" style='min-height:{{Containnerheight}}rpx;'>
  <view style='height:20rpx'></view>
  <view class="panelItem FlexColumn">
    <view class="panelTitle FlexRow">
      <view class="panelTitle1">用途说明</view>
    </view>
    <view class="panelItem2">“记忆评价”是位于“学习中”界面底部的一行4色按钮。从左向最右分别是：红色、黄色、绿色和蓝色，它们的作用如下图：</view>

    <image class="help_picture_fourcolor" src='../images/help_picture_fourcolor.png' />
    <text class="panelItem1">请您根据孩子答题时的表现，从AI给出的选项中选择对应的“记忆评价”。\n
为了方便辨识，您可根据自己的喜好选择一款更舒服的命名方式。名称虽有不同，但其背后的功能是一致的。</text>
  </view>

  <view class="panelTitle0 panelTitle FlexRow">
    <view class="panelTitle1">方式</view>
  </view>

  <view class='panel FlexColumn'>
    <view class="panelTitle FlexRow">
      <view class="panelTitle2 panelTitle1">通俗易懂，对照孩子的表现</view>
    </view>

    <view class='{{item.SelectedCSS}} panelSelected FlexRow' wx:for="{{List}}" wx:key="index" wx:if="{{index<3}}" bindtap="onSelected" data-index="{{index}}">
      <view class='panelSelected0 FlexRow' hidden="{{!item.SelectedCSS}}">
        <image src='../images/universalpic_checked_white_22x17.png' class="universalpic_checked_white_22x17" />
      </view>
      <view class='panelSelected00 panelSelected0' hidden="{{item.SelectedCSS}}">
      </view>
      <view class='panelSelected1 FlexColumn'>
        <view class='text1'>{{item.Key}}</view>
        <view class='panelSelected11 FlexRow'>
          <view class='panelSelected111 FlexColumn' wx:for="{{[0,1,2,3]}}" wx:key="index" wx:for-item="itemChild">
            <view class='Answer{{itemChild}} color'></view>
            <view class='text2'>{{item.Value[itemChild]}}</view>
          </view>
        </view>
      </view>
    </view>

    <view class="panelTitle FlexRow">
      <view class="panelTitle3 panelTitle1">科学表达，遵循记忆规律</view>
    </view>

    <view class='{{item.SelectedCSS}} panelSelected FlexRow' wx:for="{{List}}" wx:key="index" wx:if="{{index==3}}" bindtap="onSelected" data-index="{{index}}">
      <view class='panelSelected0 FlexRow' hidden="{{!item.SelectedCSS}}">
        <image src='../images/universalpic_checked_white_22x17.png' class="universalpic_checked_white_22x17" />
      </view>
      <view class='panelSelected00 panelSelected0' hidden="{{item.SelectedCSS}}">
      </view>
      <view class='panelSelected1 FlexColumn'>
        <view class='text1'>{{item.Key}}</view>
        <view class='panelSelected11 FlexRow'>
          <view class='panelSelected111 FlexColumn' wx:for="{{[0,1,2,3]}}" wx:key="index" wx:for-item="itemChild">
            <view class='Answer{{itemChild}} color'></view>
            <view class='text2'>{{item.Value[itemChild]}}</view>
          </view>
        </view>
      </view>
    </view>

    <view class="panelItem FlexRow">
      <view class="panelItem3">再现间隔是对“记忆评价”的最直观和科学的理解方式（官方推荐）。它的重点是，告知该题卡根据正常记忆规律可在多长时间后再现。由此，家长可依据孩子答题时不同程度的表现进行判断，希望该题卡在多久后再次练习。建议，越熟练的间隔越久，越生疏的间隔越短。</view>
    </view>
  </view>
  <view style='height:100rpx'></view>
</view>