CoffeeTalk/pages/add/index.wxml

<!--index.wxml-->
<view class="container">
	<navBar title-text="CoffeeTalk" back-icon="/img/nav/back@3x.png" background="none" bindback="back" />
	<view class="title-img"></view>
	<view class="list">
		<scroll-view style="height: 100%;" scroll-y>
			<view class="black-112"></view>
			<!-- 活动名称 -->
			<view class="label" catchtap="showInput" data-key='key1'>
				<!-- <view class='icon'></view> -->
				<view class="input" wx:if='{{!isShowForm.key1}}'>
					<view class="input-des"></view>
					<input placeholder="输入活动名称" focus="{{inputFocus.key1}}" placeholder-class="text-888" value='{{form.key1}}' bindinput="inputVal" data-key='key1' bindblur="inputBlur"></input>
				</view>
				<view class="input-detail" wx:else>
					<view class='input-title'>活动名称</view>
					<view class="input-section text-overflow">{{form.key1}}</view>
				</view>
			</view>
			<!-- 活动地点 -->
			<view class="label" catchtap="showInput" data-key='key2'>
				<view class='icon'></view>
				<view class="input" wx:if='{{!isShowForm.key2}}'>
					<view class="input-des"></view>
					<input placeholder="输入活动名称" focus="{{inputFocus.key2}}" placeholder-class="text-888" value='{{form.key2}}' bindinput="inputVal" data-key='key2' bindblur="inputBlur"></input>
				</view>
				<view class="input-detail" wx:else>
					<view class='input-title'>活动地点</view>
					<view class="input-section text-overflow">{{form.key2}}</view>
				</view>
			</view>
			<!-- 选择活动时间 -->
			<view class="label">
				<view class='icon'></view>
				<view class="input" wx:if='{{!form.key3}}'>
					<view class="input-des"></view>
					<input disabled placeholder="输入活动时间"></input>
				</view>
				<view class="input-detail" wx:else>
					<view class='input-title'>活动时间</view>
					<view class="input-section text-overflow">{{form.key3}}</view>
				</view>
				<picker class="picker-box" mode="multiSelector" value="{{dateTime}}" bindchange="changeDateTime" data-key='key3' bindcolumnchange="changeDateTimeColumn" range="{{dateTimeArray}}">
					<view class="tui-picker-detail">
						<!-- 选择活动时间 -->
						<!-- {{dateTimeArray[0][dateTime[0]]}}-{{dateTimeArray[1][dateTime[1]]}}-{{dateTimeArray[2][dateTime[2]]}} {{dateTimeArray[3][dateTime[3]]}}:{{dateTimeArray[4][dateTime[4]]}}:{{dateTimeArray[5][dateTime[5]]}} -->
					</view>
				</picker>
			</view>
			<!-- 选择报名截止时间 -->
			<view class="label">
				<view class='icon'></view>
				<view class="input" wx:if='{{!form.key4}}'>
					<view class="input-des"></view>
					<input disabled placeholder="选择报名截止时间"></input>
				</view>
				<view class="input-detail" wx:else>
					<view class='input-title'>报名截止时间</view>
					<view class="input-section text-overflow">{{form.key4}}</view>
				</view>
				<picker class="picker-box" mode="multiSelector" value="{{dateTime}}" bindchange="changeDateTime" data-key='key4' bindcolumnchange="changeDateTimeColumn" range="{{dateTimeArray}}">
					<view class="tui-picker-detail">
						<!-- 选择活动时间 -->
						<!-- {{dateTimeArray[0][dateTime[0]]}}-{{dateTimeArray[1][dateTime[1]]}}-{{dateTimeArray[2][dateTime[2]]}} {{dateTimeArray[3][dateTime[3]]}}:{{dateTimeArray[4][dateTime[4]]}}:{{dateTimeArray[5][dateTime[5]]}} -->
					</view>
				</picker>
			</view>
			<!-- 输入活动描述 -->
			<view class="label label-textarea" catchtap="showInput" data-key='key5'>
				<!-- <view class='icon'></view> -->
				<view class="input" wx:if='{{!isShowForm.key5}}'>
					<view class="input-des"></view>
					<textarea auto-height placeholder="输入活动描述" focus="{{inputFocus.key5}}" placeholder-class="text-888" maxlength='-1' value='{{form.key5}}' bindinput="inputVal" data-key='key5' bindblur="inputBlur"></textarea>
				</view>
				<view class="input-detail textarea-detail" wx:else>
					<view class='input-title'>活动描述</view>
					<view class="input-section text-overflow-line">{{form.key5}}</view>
					<!-- <image class="textarea-dowm-img" src="../../img/down.png"></image> -->
				</view>
			</view>
			<!-- 添加图片 -->
			<view class="pic-list">
				<view class="pic-item">
					<image class="pic" src="../../img/plus.png"></image>
					<view class="pic-close">
						<image src="../../img/close.png"></image>
					</view>
				</view>
				<view class="pic-item">
					<image class="pic" src="../../img/plus.png"></image>
					<view class="pic-close">
						<image src="../../img/close.png"></image>
					</view>
				</view>
				<view class="pic-item">
					<image class="pic" src="../../img/plus.png"></image>
					<view class="pic-close">
						<image src="../../img/close.png"></image>
					</view>
				</view>
				<view class="pic-add">
					<image src="../../img/plus.png"></image>
					<text>添加图片</text>
				</view>

			</view>
			<!-- 提交 -->
			<view class="btn">发起活动</view>
			<view class="black-100"></view>
		</scroll-view>
	</view>
</view>