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

    微信小程序清洁服务下单页面样式设计制作开发教程

    2018-07-01 09:11 来源/作者:懒人模板 分类:小程序教程  « »
    本文给大家带来的是微信小程序清洁服务下单页面样式设计制作开发教程,制作好以后效果图如下:
    一、wxml页面代码如下:
    <view class="containerbox">
      <view class="wrap">
      <form action="" class="oform" bindsubmit="formSubmit">
        <view class="address" bindtap="getAddr">
          <image src="../../images/地址.png"></image>
          <text class="dizhi">设置地址</text>
          <input class="addr" name="addr" value="{{address}}"/>
        </view>
        <view class="area ">
          <label for="">玻璃面积</label>
          <input type="num" name="area" class="input" placeholoder="请输入玻璃的面积"/>
          <text class="pingpi">平米</text>
        </view>
          <view class="servetime">希望技师什么时候服务?</view>
          <view class="time">
            <picker mode="date" name="date" value="{{dateValue}}" start="{{dateValue}}" end="2999-12-12" bindchange="datePickerBindchange">
    	        服务日期选择: {{dateValue}}
            </picker>
            <picker mode="time" name="time" value="{{timeValue}}" start="00:00" end="24:00" bindchange="timePickerBindchange">
              服务时间选择: {{timeValue}}
            </picker>
          </view>
          <button class="finish" form-type="submit">下单</button>
        </form>
    </view>
    </view>
    

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