miaoguo_master/pages/main/add.wxml

<view class="container FlexColumn" style='min-height:{{Containnerheight}}rpx;' hidden='{{!HiddenFieldEdit}}'>
  <view class="panelTop FlexRow">
    <view class="panelTopLeft FlexRow" catchtap="onSearch">
      <view class="add">+</view> 资料
    </view>
    <view class='panelTopRight FlexRow' catchtap='onGotoList' wx:if="{{UpdateType=='add' || UpdateType=='add2'}}">
      <image src='../images/universalpic_card_gray_26x26.png' class="universalpic_card_gray_26x26" />
    </view>
  </view>
  <view style='height:120rpx'></view>
  <view class="panelTitle FlexRow">
    <view class="panelTitle1">段落</view>
  </view>
  <block wx:for="{{[1,2,3]}}" wx:key="indexParent" wx:for-index="indexParent" wx:for-item="itemParent">
    <view class="lineWidthAll FlexRow" wx:if="{{indexParent>0}}">
      <view class="lineWidth750"></view>
    </view>
    <view class="panelItem FlexRow" bindtap='gotoAddItem' data-fieldid="{{itemParent}}">
      <view class="panelItem11 FlexColumn">
        <view class="number">{{itemParent}}</view>
      </view>
      <view class="panelItem21 FlexRow">
        <text class="textNull" wx:if="{{!Field[itemParent] || Field[itemParent].length==0}}">
          <block wx:if="{{itemParent==1}}">题目</block>
          <block wx:if="{{itemParent==2}}">答案</block>
          <block wx:if="{{itemParent==3}}">其它</block>
        </text>
        <block wx:for="{{Field[itemParent]}}" wx:key="index">
          <text class="textNormal" wx:if="{{item.Type=='normal'}}">{{item.Content}}</text>
          <text class="textNormal FlexRow" wx:if="{{item.Type=='line'}}">
            <block wx:for="{{item.Content}}" wx:key="contentIndex" wx:for-item="contentItem">
              <text wx:if="{{contentItem.key=='normal'}}">{{contentItem.value}}</text>
          <text class="textLine" wx:if="{{contentItem.key=='line'}}">{{contentItem.value}}</text>
          <text class="textHighlighter" wx:if="{{contentItem.key=='highlighter'}}">{{contentItem.value}}</text>
        </block>
        </text>

        <view class="sound FlexRow" wx:if="{{item.Type=='sound'}}">
          <image class="universalpic_read_mark_black_20x20" src='../images/universalpic_read_mark_black_20x20.png' />
        </view>
        <text class="textPinyin" wx:if="{{item.Type=='sound'}}">{{item.Content}}</text>
        <view class="panelRecorder FlexRow" wx:if="{{item.Type=='recorder'}}">
          <image class="universalpic_voicerecorder_transmit_black_44x34" src='../images/universalpic_voicerecorder_transmit_black_44x34.png' />
        </view>
        <image class="imageFree" mode="widthFix" wx:if="{{item.Type=='image'}}" src='{{item.Content}}' binderror="onBindError" />
        <view class="textBr" wx:if="{{item.Type=='br'}}"></view>
        <text class="textReturn" wx:if="{{item.Type=='return'}}"></text>
  </block>
  </view>
  </view>
  <block wx:if="{{Tags && Tags.length>0 && indexParent==0}}">
    <view class="panelTag FlexColumn">
      <view class="panelTag1">自动记号</view>
      <view class="lineWidthAll FlexRow">
        <view class="lineWidth640"></view>
      </view>

      <view class='panelTag1 FlexRow'>
        <block wx:for="{{Tags}}" wx:key="indexTag" wx:for-index="indexTag">
          <view class="panelTag2 FlexRow" bindtap='deleteItem' data-id="{{indexTag}}">
            <view class="tag1">{{item}}</view>
            <image src='../images/universalpic_del_gray_14x14.png' class="universalpic_del_gray_14x14" />
          </view>
        </block>
      </view>
      <view style='height:30rpx;'></view>
    </view>
  </block>
  </block>
  <view class='lineFooter'></view>

  <view class="panelTimePlan FlexRow" bindtap="showPracticeTime" wx:if="{{IsShowPracticeTimeStart}}">
    <view class="panelItem1 FlexRow">
      <image src='../images/universalpic_clock_gray_24x24.png' class="universalpic_clock_gray_24x24" />
      <view>练习时间</view>
    </view>
    <view class="panelItem2 FlexRow">
      <view class="panelTimePlan1">{{PracticeTimeStr2}}</view>
      <image src='../images/universalpic_indicator_right_gray.png' class="Arrow" />
    </view>
  </view>
  
  <view class="panelTimePlan0 panelTimePlan FlexRow" bindtap="showPracticeTime" wx:if="{{!IsShowPracticeTimeStart}}">
    <view class="panelItem1 FlexRow">
      <image src='../images/universalpic_clock_white_24x24.png' class="universalpic_clock_gray_24x24" />
      <view>练习时间</view>
    </view>
    <view class="panelItem2 FlexRow">
      <view class="panelTimePlan2 panelTimePlan1">{{PracticeTimeStr2}}</view>
      <image src='../images/universalpic_indicator_right_gray.png' class="Arrow" />
    </view>
  </view>
  <view style='height:300rpx;'></view>

  <view class='panelSave FlexRow'>
    <view class="panelSave1" bindtap="onPreview">
      预览
    </view>
    <view class='panelSave2' bindtap="saveCard">
      保存
    </view>
  </view>
</view>

<!-- 更多功能 -->
<view wx:if="{{IsPracticeTime}}" class="numberContainer FlexColumn" style='height:{{Containnerheight}}rpx;'>
  <view class="numberContainerFooter1 FlexColumn">
    <view class='lineFooter'></view>
    <view class='numberContainerFooter101 FlexRow'>
      <image class="universalpic_bell_black_30x30" src='../images/universalpic_bell_black_30x30.png' />
      <view class='numberContainerFooter11 FlexColumn'>
        <view class='numberContainerFooter111'>调整练习时间</view>
        <view class='numberContainerFooter112 FlexRow'>
          <view class='numberContainerFooter1121' wx:for="{{PracticeTimeArr}}" wx:key="index" catchtap='onPracticeTime' data-value='{{item.Name}}'>{{item.Name}}</view>
        </view>
      </view>
    </view>
  </view>
  <view class='lineFooter'></view>
  <view class="numberContaineFooter FlexRow" catchtap='closePracticeTime'>
    <view>关闭</view>
  </view>
</view>

<!-- 字段编辑 -->
<view class="addItem container FlexColumn" style='height:{{Containnerheight}}rpx;' hidden='{{HiddenFieldEdit || IsRecorder}}'>
  <view class="panelItemTag FlexRow">
    <view class='left FlexRow'>
      <view class="panelSaveTag1 FlexRow" bindtap="onSearchField">
        <view class="add">+</view> 资料
      </view>

      <view class="panelSaveTag2 panelSaveTag1 FlexRow" bindtap="addSymbol" data-id="{{LineSign}}" hidden="{{LineSign=='[/线]'}}">
        <image class="universalpic_underline_begin_gray_14x20" src='../images/universalpic_underline_begin_gray_14x20.png' />
      </view>
      <view class="panelSaveTag3 panelSaveTag1 FlexRow" bindtap="addSymbol" data-id="{{LineSign}}" hidden="{{LineSign=='[线]'}}">
        <image class="universalpic_underline_end_white_30x22" src='../images/universalpic_underline_end_white_30x22.png' />
      </view>

      <view class="panelSaveTag2 panelSaveTag1 FlexRow" bindtap="addSymbol" data-id="{{HighlighterSign}}" hidden="{{HighlighterSign=='[/光]'}}">
        <image class="universalpic_highlighter_begin_gray_24x20" src='../images/universalpic_highlighter_begin_gray_24x20.png' />
      </view>
      <view class="panelSaveTag3 panelSaveTag1 FlexRow" bindtap="addSymbol" data-id="{{HighlighterSign}}" hidden="{{HighlighterSign=='[光]'}}">
        <image class="universalpic_highlighter_begin_gray_24x20" src='../images/universalpic_highlighter_end_white_24x20.png' />
      </view>

      <view class="panelSaveTag2 panelSaveTag1 FlexRow" bindtap="addSymbol" data-id="{{SoundSign}}" hidden="{{SoundSign=='[/读]'}}">
        <image class="universalpic_read_begin_gray_20x20" src='../images/universalpic_read_begin_gray_20x20.png' />
      </view>
      <view class="panelSaveTag3 panelSaveTag1 FlexRow" bindtap="addSymbol" data-id="{{SoundSign}}" hidden="{{SoundSign=='[读]'}}">
        <image class="universalpic_read_end_white_38x22" src='../images/universalpic_read_end_white_38x22.png' />
      </view>

      <view class="panelSaveTag2 panelSaveTag1 FlexRow" catchtap="uploadImageField" wx:if="{{IsShow==1}}">
        <image class="universalpic_picture_gray_26x26" src='../images/universalpic_picture_gray_26x26.png' />
      </view>

      <view class="panelSaveTag2 panelSaveTag1 FlexRow" catchtap="recorderAccredit" wx:if="{{IsShow==1}}">
        <image class="universalpic_voicerecorder_normal_gray_21x26" src='../images/universalpic_voicerecorder_normal_gray_21x26.png' />
      </view>
    </view>
    <view class='right FlexRow'>
      <view class="clear" catchtap="clear">清空</view>
    </view>
  </view>
  <view class='lineFooter'></view>

  <view class='panelInput'>
    <textarea class="input" maxlength='-1' show-confirm-bar="true" value="{{FieldContent}}" focus="{{Focus}}" cursor="{{Cursor}}" bindinput="bindinputField" bindblur="onBindblur" bindfocus="onBindFocus" data-id='{{FieldNumber}}' />
  </view>

  <view class='lineFooter'></view>
  <view class='panelBtnItem FlexColumn'>
    <scroll-view scroll-x="true" class="panelBtnSmall" bindscroll="bindscrollHandler">
      <view class="btn0"></view>
      <!-- <view class="btn" bindtap="addSymbol" data-id="(     )">( )</view>
      <view class="btn" bindtap="addSymbol" data-id="_____">_</view> -->
      <view class="btn" bindtap="addSymbol" wx:for="{{SymbolMain}}" wx:key="index" data-id="{{item.Name}}">{{item.Name}}</view>
      <view class="btn2 btn" bindtap="gotoSymbol">更多</view>
    </scroll-view>
    <view class='lineFooter'></view>
    <view class='panelBtn FlexRow'>
      <view class='text1' bindtap="closeAddItem" data-idsave="false">取消</view>
      <view class='line1'></view>
      <view class='text2 text1' bindtap="closeAddItem" data-idsave="true">确定</view>
    </view>
    <view class='lineFooter'></view>
  </view>
</view>

<!-- 录音功能 -->
<view wx:if="{{IsRecorder}}" class="numberContainer FlexColumn" style='height:{{Containnerheight}}rpx;'>
  <view class='RecorderPanel2 FlexRow' wx:if="{{!FieldContent}}">
    <image class="edit_voicerecorder_illus" src='../images/edit_voicerecorder_illus.png' />
  </view>
  <view class="RecorderPanel3 FlexColumn" wx:if="{{FieldContent}}" style='height:{{Containnerheight-449}}rpx;'>
    <view class='RecorderPanel31 FlexColumn'>
      <text class='RecorderPanel311'>以下是段落中的内容\n可以把材料提前写入段落，方便照着录音</text>
    </view>
    <textarea class="RecorderPanel32" maxlength='-1' value="{{FieldContent}}" />
  </view>
  <view class='RecorderPanel1 FlexColumn'>
    <view class='RecorderPanel11 FlexRow'>
      <view class='RecorderPanel111 FlexRow'>
        <image class="universalpic_voicerecorder_black_30x30" src='../images/universalpic_voicerecorder_black_30x30.png' />
        <view class='RecorderPanel1111'>1分钟录音</view>
      </view>
      <view class='{{RecorderTimeCss}} RecorderPanel112'>{{RecorderTime}}</view>
    </view>
    <view class='btnRecorderStart' hover-start-time="50" hover-class="btnRecorderEnd" catchtouchstart='btnRecorderStart' catchtouchend='btnRecorderEnd' wx:if="{{!IsRecorderFinished}}">{{BtnRecorderName}}</view>
    <view class='RecorderPanel12 FlexRow' wx:if="{{IsRecorderFinished}}">
      <view class='btnRecorderStart2 btnRecorderStart' hover-class="btnRecorderEnd" catchtap='showRecorder'>重录</view>
      <view class='btnRecorderStart2 btnRecorderStart' hover-class="btnRecorderEnd" catchtap='btnRecorderPlay'>{{RecorderPlayName}}</view>
      <view class='btnRecorderStart3 btnRecorderStart' hover-class="btnRecorderEnd" catchtap='btnRecorderSave'>上传</view>
    </view>
  </view>
  <view class="numberContaineFooter2 numberContaineFooter FlexRow" catchtap='closeRecorder'>
    <view>退出录音</view>
  </view>
</view>