miaoguo_master/pages/main/add.wxml

<navigation-bar title="{{PageTitle}}" bindgetBarInfo="getBarInfo" show="true" left="true">
    <view slot="left">
			<view class="TopLeftButton FlexRow" catchtap="onClose"
				wx:if="{{!IsTagShow && HiddenFieldEdit && !IsRecorder}}">
				<image class="CombinedShape" src='../images/CombinedShape.png' />
			</view>
		</view>
</navigation-bar>

<view class="container FlexColumn" style='min-height:{{Containnerheight}}rpx;' hidden='{{!HiddenFieldEdit}}'>
	
	<view class="panelTop FlexRow">
		<view class="panelTopLeft FlexRow" catchtap="onSearch">
			<image class="universalpic_data_black_30x32" src='../images/universalpic_data_black_30x32.png' />
			<view class="panelText">加资料</view>
		</view>
		<view class="line0"></view>
		<view class='panelTopLeft FlexRow' catchtap="gotoTest" wx:if="{{UpdateType=='add' || UpdateType=='add2'}}">
			<image class="universalpic_examine_black_30x32" src='../images/universalpic_examine_black_30x32.png' />
			<view class="panelText">做检验</view>
		</view>
		<view class='panelTopLeft FlexRow'  wx:if="{{UpdateType!='add' && UpdateType!='add2'}}"></view>
	</view>

	<view class="line"></view>

	<view class="panelItemCircle FlexColumn">
		<view class="panelItemCircleTop panelItemCircle1 FlexRow">
			<view class="panelItemCircle11 FlexColumn">
				<view class="panelItemCircle1110 panelItemCircle111">段落</view>
			</view>
			<view>
			</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="lineWidth600"></view>
			</view>

			<view class="panelItemCircleBottom panelItem FlexRow" bindtap='gotoAddItem' data-fieldid="{{itemParent}}">
				<view class="panelItem11 FlexColumn">
					<view class="number2 number" wx:if="{{!Field[itemParent] || Field[itemParent].length==0}}">{{itemParent}}</view>
					<view class="number" wx:if="{{Field[itemParent] && Field[itemParent].length>0}}">{{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>
</view>

<view class="panelItem0 FlexRow">
	<view class="panelItemCircleTop panelItemCircleBottom panelTimePlan{{UpdateType}}{{IsEditCardType}} panelTimePlan FlexRow" bindtap="showPracticeTime">
		<view class="panelItem1 FlexRow">
			<image src='../images/universalpic_plan_6dots_black_30x32.png' class="universalpic_plan_6dots_black_30x32" />
			<view>学习计划</view>
		</view>
		<view class="panelItem2 FlexRow">
			<view class="panelTimePlan1{{IsEditCardType}} panelTimePlan1">{{PracticeCardType}}</view>
			<view class="panelTimePlan1{{IsEditCardType}} panelTimePlan1" wx:if="{{CardType>=0}}">{{PracticeTimeStr}}</view>
			<image src='../images/universalpic_indicator_right_gray.png' class="Arrow" />
		</view>
	</view>
	<view class="panelItem01" wx:if="{{IsEditCardType && (UpdateType=='add' || UpdateType=='add2')}}" bindtap="setCardTypeInit">恢复</view>
</view>

<view class="panelItemCircleTop panelItemCircleBottom panelTimePlan FlexRow" bindtap="showTagShow" wx:if="{{Tags && Tags.length>0}}">
	<view class="panelItem1 FlexRow">
		<image src='../images/universalpic_tag_black_30x30.png' class="universalpic_tag_black_30x30" />
		<view>自动记号</view>
	</view>
	<view class="panelItem2 FlexRow">
		<view class="panelTimePlan1">{{TagsStr}}</view>
		<image src='../images/universalpic_indicator_right_gray.png' class="Arrow" />
	</view>
</view>
<view style='height:300rpx;'></view>

<view class='panelSave FlexColumn'>
	<view class="panelSave00 FlexRow">
		<view class="panelSave1" catchtap='onGotoList' wx:if="{{UpdateType=='add' || UpdateType=='add2'}}">
			复查
		</view>
		<view class="panelSave1" catchtap='onClose' wx:if="{{UpdateType!='add' && UpdateType!='add2'}}">
			复查
		</view>
		<view class='panelSave2' bindtap="saveCard">
			保存
		</view>
		<view class="panelSave1" bindtap="onPreview">
			预览
		</view>
	</view>

	<view class="iphone10plus" wx:if="{{IsIPhoneX}}"></view>
</view>
</view>

<!-- 自动记号 -->
<view wx:if="{{IsTagShow}}" class="numberContainer FlexColumn" style='height:{{Containnerheight}}rpx;top:{{topBarHeight}}rpx;'>
	<view class="panelTop FlexRow">
		<view class="panelTopLeft FlexRow" catchtap="closeTagShow">
			<view class="panelText1 panelText">放弃</view>
		</view>
		<view class='panelTopLeft FlexRow' catchtap='deleteItem' data-type="3">
			<view class="panelText2 panelText">确定</view>
		</view>
	</view>
	<view class="line"></view>
	<view class="panelItem FlexColumn">
		<view class="panelTitle FlexRow">
			<view class="panelTitle1 FlexRow">
				<image class="universalpic_tag_black_30x30" src="../images/universalpic_tag_black_30x30.png" />
				<view>已使用</view>
			</view>
		</view>
		<view class="lineWidthAll FlexRow">
			<view class="lineWidth720"></view>
		</view>
		<view class='panelTag FlexRow'>
			<block wx:for="{{TagTemp}}" wx:key="indexTag" wx:for-index="indexTag">
				<view wx:if="{{indexTag!=TagIndex}}" class="panelTag1 FlexRow" catchtap='deleteItem' data-id="{{indexTag}}" data-type="1">
					<view class="tag1">{{item}}</view>
				</view>
				<view wx:if="{{indexTag==TagIndex}}" class="panelTag2 panelTag1 FlexRow" catchtap='deleteItem' data-id="{{indexTag}}" data-type="2">
					<view class="tag1">{{item}}</view>
					<image src='../images/universalpic_del_white_14x14.png' class="universalpic_del_white_14x14" />
				</view>
			</block>
		</view>
	</view>
</view>

<!-- 字段编辑 -->
<view class="addItem container FlexColumn" style='height:{{Containnerheight}}rpx; top:{{topBarHeight}}rpx;' hidden='{{HiddenFieldEdit || IsRecorder}}'>
	<view class="panelItemTag FlexRow">

		<view class="panelSaveTag0 FlexRow" catchtap="closeAddItem" data-idsave="false">
			放弃
		</view>
		<view class="panelSaveTag1 FlexRow" catchtap="onSearchField">
			<image class="universalpic_data_black_30x32" src='../images/universalpic_data_black_30x32.png' />
		</view>

		<view class="panelSaveTag1 FlexRow" catchtap="addSymbol" data-id="{{LineSign}}" hidden="{{LineSign=='[/线]'}}">
			<image class="universalpic_underline_begin_black_16x24" src='../images/universalpic_underline_begin_black_16x24.png' />
		</view>
		<view class="panelSaveTag2 panelSaveTag1 FlexRow" catchtap="addSymbol" data-id="{{LineSign}}" hidden="{{LineSign=='[线]'}}">
			<image class="universalpic_underline_end_white_34x24" src='../images/universalpic_underline_end_white_34x24.png' />
		</view>

		<view class="panelSaveTag1 FlexRow" catchtap="addSymbol" data-id="{{HighlighterSign}}" hidden="{{HighlighterSign=='[/光]'}}">
			<image class="universalpic_highlighter_begin_black_30x25" src='../images/universalpic_highlighter_begin_black_30x25.png' />
		</view>
		<view class="panelSaveTag2 panelSaveTag1 FlexRow" catchtap="addSymbol" data-id="{{HighlighterSign}}" hidden="{{HighlighterSign=='[光]'}}">
			<image class="universalpic_highlighter_end_white_49x25" src='../images/universalpic_highlighter_end_white_49x25.png' />
		</view>

		<view class="panelSaveTag1 FlexRow" catchtap="addSymbol" data-id="{{SoundSign}}" hidden="{{SoundSign=='[/读]'}}">
			<image class="universalpic_read_begin_black_26x26" src='../images/universalpic_read_begin_black_26x26.png' />
		</view>
		<view class="panelSaveTag2 panelSaveTag1 FlexRow" catchtap="addSymbol" data-id="{{SoundSign}}" hidden="{{SoundSign=='[读]'}}">
			<image class="universalpic_read_end_white_44x26" src='../images/universalpic_read_end_white_44x26.png' />
		</view>

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

		<view class="panelSaveTag11 panelSaveTag1 FlexRow" catchtap="recorderAccredit" wx:if="{{IsShow==1}}">
			<image class="universalpic_voicerecorder_black_20x26" src='../images/universalpic_voicerecorder_black_20x26.png' />
		</view>

		<view class="panelSaveTag3 panelSaveTag0 FlexRow" catchtap="closeAddItem" data-idsave="true">
			确定
		</view>
	</view>
	<view class='lineFooter'></view>
	<view class='panelInput'>
		<textarea class="input" style="height:{{InputHeight}}rpx;" 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" catchtap="addSymbol" wx:for="{{SymbolMain}}" wx:key="index" data-id="{{item.Name}}">{{item.Name}}</view>
      <view class="btn2 btn" catchtap="gotoSymbol">更多</view>
    </scroll-view>
    <view class='lineFooter'></view>
  </view>
</view>

<!-- 录音功能 -->
<view wx:if="{{IsRecorder}}" class="numberContainer FlexColumn" style='height:{{Containnerheight}}rpx;top:{{topBarHeight}}rpx;'>
  <view class="panelTop FlexRow" >
    <view class="panelTopLeft FlexRow" catchtap="closeRecorder">
      <view class="panelText1 panelText">放弃</view> 
    </view>
    <view class='panelTopLeft FlexRow' catchtap='btnRecorderSave'>
      <view class="panelText2 panelText">上传</view> 
    </view>
  </view>
  <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='{{RecorderTimeCss}} RecorderPanel112'>{{RecorderTime}}</view>
    </view>
    <view class='btnRecorderStart FlexRow' hover-start-time="50" hover-class="btnRecorderEnd" catchtouchstart='btnRecorderStart' catchtouchend='btnRecorderEnd' wx:if="{{!IsRecorderFinished}}">
      <view class="symbol1" wx:if="{{RecorderTimeCss!='RecorderPanel1121'}}">●</view>
      <view>{{BtnRecorderName}}</view>
    </view>
    <view class='RecorderPanel12 FlexRow' wx:if="{{IsRecorderFinished}}">
      <view class='btnRecorderStart2 btnRecorderStart FlexRow' hover-class="btnRecorderEnd" catchtap='showRecorder'>
        <view class="symbol1">●</view>
        <view>重录</view>
      </view>
      <view class='btnRecorderStart2 btnRecorderStart FlexRow' hover-class="btnRecorderEnd" catchtap='btnRecorderPlay'>
        <view class="symbol2" wx:if="{{RecorderPlayName=='播放'}}">▶︎</view>
        <view class="symbol2" wx:if="{{RecorderPlayName=='停止'}}">■</view>
        <view>{{RecorderPlayName}}</view>
      </view>
    </view>
  </view>
</view>