填报提交页相关代码
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