欢迎来到懒人模板!我们专注移动互联网,所有模板永久免费下载!
  • 首 页
  • 当前位置:主页 > 小程序教程 >

    微信小程序开发在线快速提问咨询页面设计与制作(支持图片上传)

    2018-05-15 09:27 来源/作者:懒人模板 分类:小程序教程  « »
    今天我们来做在线咨询快速提问在线留言页面制作与设计,支持用户上传图片。制作好以后效果图如下:


    一、wxml页面代码如下:
    <!--输入文本域  -->
    <view class="text-box">
        <textarea placeholder="您好,请详细描述你的问题..." placeholder-style="color:#666;font-size:30rpx; "  value="{{textareaVal}}"    bindinput="textareaFn"></textarea>
    </view>
    <!--上传图片  -->
    <view class="upload-img">
      <view  class="imgs-style" wx:for="{{arrimg}}" wx:key="{{arrimg}}">
            <view class="close" bindtap="closeImgFn"  id="{{index}}">
                    <image src="/images/close.png"></image>
             </view>
           <image src="{{item}}" data-id="{{index}}"></image>
        </view>
        <image   src="/images/upload.png" bindtap="chooseimage" bindtouchstart=""></image>
        
        <text>{{index}}/{{len}}</text>
    </view>
    <!--温馨提示  -->
    <view class="prompt">
    <text>温馨提示:</text>
    <text>建议详细描述事情经过和需要解决的问题,问题越详细,律师回复质量越高。</text>
    <text>如有证据请点击上方上传图片。</text>
    </view>
    <!-- 下一步-->
    <view class="next-step" bindtap="submitFn"><text>下一步</text></view>

    点击扫描效果预览免费下载免登陆网盘下载
    标签:
    * 懒人模板承诺:本站所有资源免费下载,无病毒,无弹窗,无干扰链接! 提点建议