小程序＋动易SF制作随手拍实例全景式操作(2)

填报提交页相关代码

wxml:

<view class="hd">公益诉讼随手拍</view>

<view class="wrap">
<form bindsubmit="formSubmit">
<view class="bd">
<view class="li">
<input name="username" placeholder-class="phcolor" placeholder="您的姓名或昵称：" />
</view>
<view class="li">
<input name="phone" placeholder-class="phcolor"placeholder="您的手机号：" maxlength='11' type='number' />
</view>
<view class="li2" bindtap="getaddr"><em class="phcolor">拍摄地址：</em>{
  {pic_addr}}
<view class="arrow"></view>
</view>
<view class="li">
  <picker mode="date" value="{
  {pic_date}}" start="2000-01-01" end="2117-01-01" bindchange="changeDate">
    <view><em class="phcolor">拍摄时间：</em>{
  {pic_date}}</view>
  </picker>
<view class="arrow"></view>  
</view>
<view class="li2" bindtap="gettype"><em class="phcolor">问题类型：</em>{
  {wt_type}}
<view class="arrow"></view>
</view>
<view class="conts">
    <textarea class="areas" name="content" placeholder-class="phcolor" placeholder='简要说明：' minlength="{
  {txt_min}}" maxlength="{
  {txt_max}}" bindinput="inputs" cursor-spacing='110'> 
    </textarea>
    <text class="currentWordNumber">{
  {currentWordNumber|0}}/{
  {txt_max}}</text>
</view>

<view class="tit phcolor">拍照上传：(最多{
  {img_max}}张)</view>

<view class='imgList'> 
  <view class='imgList-li' wx:for='{
  {img_srcs}}' wx:key="index">
    <image class='img' src='{
  {item}}' data-index='{
  {index}}' bindtap='previewImg'></image>
    <text class='xxx' bindtap='clearimg' data-index='{
  {index}}'></text>
  </view>
  <view class="weui-uploader_input-box" hidden="{
  {flag}}">
    <view class='weui-uploader_input' data-index='{
  {0}}' bindtap="addphoto" ></view>
  </view>
</view>

</view>
<button formType="submit" class="btn" hover-class='btn_on'>提交</button>
</form>
</view>

wxss:

.wrap{
  padding:20rpx;
}
.hd{
  height:60px;
  line-height:60px;
  text-align: center;
  color: #fff;
  font-size: 22px;
  background:#2fb7f7 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAABqBAMAAAARjckeAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAMmaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzExMSA3OS4xNTgzMjUsIDIwMTUvMDkvMTAtMDE6MTA6MjAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYW