houseworking/miniapp/app/pages/bookService/index.wxml

<import src="/wxParse/wxParse.wxml" />
<view class="page">
    <view class="page-hd">
        <image class="hero" src="/img/demo/banner.jpg"></image>
    </view>
    <view class="page-bd">
        <view class="mod">
            <view class="mod-hd">
                <text class="dot">●</text>服务介绍</view>
            <view class="mod-bd">
                <template is="wxParse" data="{{wxParseData:article.nodes}}" />
            </view>
        </view>
        <view class="service">
            <view class="service-bd">
                <view class="s-item">
                    <view class="s-item-hd">服务内容</view>
                    <view class="s-item-bd">
                        <checkbox-group bindchange="checkboxChange">
                            <label class="checkbox">
                                <checkbox value="" />保洁
                            </label>
                            <label class="checkbox">
                                <checkbox value="" />婴儿看护
                            </label>
                            <label class="checkbox">
                                <checkbox value="" />老人看护
                            </label>
                            <label class="checkbox">
                                <checkbox value="" />全护理老人
                            </label>
                            <label class="checkbox">
                                <checkbox value="" />空调清洗
                            </label>
                            <label class="checkbox">
                                <checkbox value="" />冰箱清洗
                            </label>
                            <label class="checkbox">
                                <checkbox value="" />抽油烟机清洗
                            </label>
                            <label class="checkbox">
                                <checkbox value="" />家庭除螨
                            </label>
                            <label class="checkbox">
                                <checkbox value="" />开荒清洁
                            </label>
                            <label class="checkbox">
                                <checkbox value="" />催乳
                            </label>
                            <label class="checkbox">
                                <checkbox value="" />产后康复
                            </label>
                        </checkbox-group>
                    </view>
                </view>
                <view class="s-item">
                    <view class="s-item-hd">人口数量</view>
                    <view class="s-item-bd">
                        <radio-group class="radio-group" bindchange="radioChange">
                            <label class="radio">
                                <radio value="" checked />1-2人
                            </label>
                            <label class="radio">
                                <radio value="" />3-4人
                            </label>
                            <label class="radio">
                                <radio value="" />5-6人
                            </label>
                            <label class="radio">
                                <radio value="" />6人以上
                            </label>
                        </radio-group>
                    </view>
                </view>
                <view class="s-item">
                    <view class="s-item-hd">房屋面积</view>
                    <view class="s-item-bd">
                        <radio-group class="radio-group" bindchange="radioChange">
                            <label class="radio">
                                <radio value="" checked />60平以下
                            </label>
                            <label class="radio">
                                <radio value="" />60-120平
                            </label>
                            <label class="radio">
                                <radio value="" />120-160平
                            </label>
                            <label class="radio">
                                <radio value="" />160-200平
                            </label>
                            <label class="radio">
                                <radio value="" />200平以上
                            </label>
                        </radio-group>
                    </view>
                </view>
                <view class="s-item">
                    <view class="s-item-hd">服务时间</view>
                    <view class="s-item-bd">
                        <radio-group class="radio-group" bindchange="radioChange">
                            <label class="radio">
                                <radio value="" checked />全白天
                            </label>
                            <label class="radio">
                                <radio value="" />住家
                            </label>
                        </radio-group>
                    </view>
                </view>
                <view class="s-item">
                    <view class="s-item-hd">休息安排</view>
                    <view class="s-item-bd">
                        <radio-group class="radio-group" bindchange="radioChange">
                            <label class="radio">
                                <radio value="" checked />每周单休
                            </label>
                            <label class="radio">
                                <radio value="" />每周双休
                            </label>
                        </radio-group>
                    </view>
                </view>
            </view>
        </view>
    </view>
    <view class="page-ft">
        <view class="booking">
            <view class="input-item">
                <view class="label">姓名</view>
                <view class="input-content">
                    <input type="text" class="input-text" bindinput="_handleInput" data-name="name" placeholder="您的称呼" />
                </view>
            </view>
            <view class="input-item">
                <view class="label">电话</view>
                <view class="input-content">
                    <input type="number" class="input-text" bindinput="_handleInput" data-name="phone" placeholder="您的手机号码" />
                </view>
            </view>
            <view class="input-item ">
                <view class="label ">地址</view>
                <view class="input-content">
                    <input type="text" class="input-text" bindinput="_handleInput" data-name="address" placeholder="服务地址" />
                </view>
            </view>
            <view class="input-item ">
                <view class="label ">备注</view>
                <view class="input-content">
                    <input type="text" class="input-text" bindinput="_handleInput" data-name="notes" placeholder="您的其他要求" />
                </view>
            </view>
        </view>
        <view class="btn-book" bindtap="bookServer">立即预约</view>
    </view>
</view>