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 label-sj">
				<view class="input-detail">
					<view class='input-title'>私局</view>
					<view class="input-section text-overflow">(开启后只显示在个人页，关闭后首页可见)</view>
				</view>
				<view>
					<switch checked="{{switch1Checked}}" color="#8F6EE5" bindchange="switch1Change"/>
				</view>
			</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 disabled="{{!!actid}}" 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'>
					<image src="../../img/location.png"></image>
				</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'>
					<image src="../../img/time.png"></image>
				</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="{{dateTime1}}" bindchange="changeDateTime1" data-key='key3' bindcolumnchange="changeDateTimeColumn1" range="{{dateTimeArray1}}">
					<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'>
					<image src="../../img/time.png"></image>
				</view>
				<view class="input" wx:if='{{!form.key7}}'>
					<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.key7}}</view>
				</view>
				<picker class="picker-box" mode="multiSelector" value="{{dateTime7}}" bindchange="changeDateTime7" data-key='key7' bindcolumnchange="changeDateTimeColumn7" range="{{dateTimeArray7}}">
					<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'>
					<image src="../../img/over_time.png"></image>
				</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="{{dateTime2}}" bindchange="changeDateTime2" data-key='key4' bindcolumnchange="changeDateTimeColumn2" range="{{dateTimeArray2}}">
					<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="label label-num">
				<view class="num-l">
					<input value="{{form.money}}" type="number" bindinput="inputVal" data-key='money'></input>
					<text>元/人</text>
				</view>
				<view class="num-line"></view>
				<view class="num-r">
					<text>限</text>
					<input value="{{form.num}}" type="number"  bindinput="inputVal" data-key='num'></input>
					<text>人报名</text>
				</view>
			</view>
			<!-- 添加图片 -->
			<view class="pic-list">
				<view class="pic-item" wx:for="{{imgList}}" wx:key='index'>
					<image class="pic" bindtap='clickImg' src="{{BASEIMGURL + item}}"></image>
					<view class="pic-close" bindtap="removeImg" data-index='{{index}}' data-item='{{item}}'>
						<image src="../../img/close.png" mode="aspectFit"></image>
					</view>
				</view>
				<view class="pic-add" bindtap="updateImg" hidden='{{imgList.length > 0}}'>
					<image src="../../img/plus.png" mode="aspectFill"></image>
					<text>添加图片</text>
				</view>
			</view>
			<!-- 提交 -->

			<view class="btn">
				<button wx:if='{{!userInfo.phone}}' open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"></button>
				<button wx:else bindtap='createBtn'></button>
				{{actid?'修改':'发起活动'}}
			</view>
			<view class="black-100"></view>
		</scroll-view>
	</view>
</view>