<!--components/book/step.wxml-->
<view class="flex-lr step">
    <view class="flex-vc {{step>=1?'active':''}}">
        <view class="cricle">1</view>
        <view class="text">录入订座</view>
    </view>
    <view class="flex-cc">
        <view class="line"></view>
        <view class="line-right"></view>
    </view>
    <view class="flex-vc {{step>=2?'active':''}}">
        <view class="cricle">2</view>
        <view class="text">通知预订人</view>
    </view>
    <view class="flex-cc">
        <view class="line"></view>
        <view class="line-right"></view>
    </view>
    <view class="flex-vc {{step>=3?'active':''}}">
        <view class="cricle">3</view>
        <view class="text">到店消费</view>
    </view>
</view>