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

    微信小程序美甲服务上门预订页面样式模板制作设计下载

    2018-06-18 09:13 来源/作者:懒人模板 分类:小程序教程  « »
    制作好以后效果图如下:
    一、wxml页面代码如下:
    <view class="container">
    
        <view class="ar_coverpath">
            <image src="../../images/banner_02.png" mode="aspectFill"></image>
        </view>
    
        <view class="ar_picker">
            <view class="ar_picker_wrap">
            <picker bindchange="bindAddrPickerChange" value="{{addrIndex}}" range="{{addrArray}}">
                <view>
                    <text>{{addrArray[addrIndex]}}</text>
                </view>
            </picker>
            </view>
        </view>
    
        <view class="ar_cont">
            <text class="ar_cont_h1">服务时间</text>
            <view class="ar_date_time">
                <view class="ar_date">
                    <image src="../../images/date.png"></image>
                    <picker mode="date" placeholder="选择日期" value="{{date}}" start="2015-09-01" end="2017-09-01" bindchange="bindDateChange" >
                        <view>
                            {{date}}
                        </view>
                    </picker>
                </view>
                <view class="ar_time">
                    <image src="../../images/time.png"></image>
                    <picker mode="time" placeholder="选择时间" value="{{time}}" start="01:00" end="24:00" bindchange="bindTimeChange">
                        <view>
                            {{time}}
                        </view>
                    </picker>
                </view>
            </view>
    
            <text class="ar_cont_h1">留言信息</text>
    
            <input type="text" placeholder="输入信息" class="input_msg" placeholder-style="font-family:'微软雅黑'"/>
    
            <button class="ar_book" bindtap="bindToastTap">确认预定</button>
            <toast hidden="{{bookToastHidden}}"  bindchange="hideToast">
            预定成功
            </toast>
        </view>
    
    </view>

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