<import src="/wxParse/wxParse.wxml" />
<view class="page">
    <view class="page-hd" wx:if="{{banner.length > 0}}">
        <swiper indicator-dots="true" indicator-color="#ffffff" indicator-active-color="#00a0e9" autoplay="true"
            interval="5000" duration="500">
            <block wx:for="{{banner}}">
                <swiper-item>
                    <image src="{{item}}" class="slide-image" />
                </swiper-item>
            </block>
        </swiper>
        <!-- <image class="hero" src="{{banner}}"></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" wx:for="{{fields}}">
                    <view class="s-item-hd">{{item.name_cn}}</view>
                    <view class="s-item-bd">
                        <checkbox-group bindchange="inputChange" data-index="{{index}}" wx:if="{{item.type === 'checkbox'}}">
                            <label class="checkbox" wx:for="{{item.input_group}}" wx:for-index="idx" wx:for-item="checkbox">
                                <view class="checkbox-inner">
                                    <checkbox value="{{checkbox.value}}" /><text class="input-item-text">{{checkbox.value}}</text>
                                </view>
                            </label>
                        </checkbox-group>
                        <radio-group class="radio-group" data-index="{{index}}" wx:else bindchange="inputChange">
                            <label class="radio" wx:for="{{item.input_group}}" wx:for-index="idx" wx:for-item="radio">
                                <view class="radio-inner">
                                    <radio value="{{radio.value}}" checked="{{idx === 0}}" /><text class="input-item-text">{{radio.value}}</text>
                                </view>
                            </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="expectedDate" 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="serviceDate" 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 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>
        <view class="btn-book" bindtap="bookServer">立即预约</view>
    </view>
</view>

<button class="btn-join" type="default" open-type="contact" session-from="homeApp"><image class="icon-service" src="/img/icon-service.png"></image>咨询</button>