detail.wxml 3.19 KB
<!--pages/reserve/detail.wxml-->
<nav>{{seller.seller_name}}</nav>
<view class="seller-banner">
    <swiper
            indicator-dots="{{false}}" autoplay="{{false}}" circular="{{false}}" vertical="{{false}}"
            interval="2000" duration="500"
            previous-margin="{{20}}px" next-margin="{{20}}px"
            current="{{current}}" bindchange="bindtransition">
        <block wx:for="{{sellers}}" wx:key="sellers.key">
            <swiper-item bindtap="gotoDetail" data-sid="{{item.id}}">
                <image src="" class="image" mode="aspectFill"></image>
            </swiper-item>
        </block>
    </swiper>
</view>
<view class="pages">
    <view class="seller">
        <view class="base flex-vc">
            <view class="name">陕西风味面馆</view>
            <view class="ping flex-cc">
                <view class="item flex-lr fen">
                    <view>*****</view>
                    <view>4.0分</view>
                </view>
                <view class="item">西北菜</view>
                <view class="item">人均60元</view>
            </view>
            <view class="peitao flex-cc">
                <view class="icon bao">包间</view>
                <view class="icon ka">卡座</view>
                <view class="icon car">停车场</view>
            </view>
        </view>
        <view class="addr">
            <view class="addr-text flex-ll">
                <image src=""></image>
                <view>高新区唐延南路35号旺座现代城D座二层</view>
            </view>
            <view class="addr-long">距您当前位置100m</view>
        </view>
    </view>
    <view class="black20line"></view>
    <view class="block">
        <view class="header flex-ll">
            <view class="line"></view>
            <view class="name">包间环境</view>
        </view>
        <scroll-view
                scroll-y
                style="height: 200px;"
                bindscrolltoupper="upper"
                bindscrolltolower="lower"
                bindscroll="scroll"
                scroll-into-view="{{toView}}"
                scroll-top="{{scrollTop}}"
        >
            <view id="green" class="scroll-view-item bc_green"></view>
            <view id="red" class="scroll-view-item bc_red"></view>
            <view id="yellow" class="scroll-view-item bc_yellow"></view>
            <view id="blue" class="scroll-view-item bc_blue"></view>
        </scroll-view>
    </view>
    <view class="block">
        <view class="header flex-ll">
            <view class="line"></view>
            <view class="name">包间环境</view>
        </view>
        <scroll-view
                scroll-y
                style="height: 200px;"
                bindscrolltoupper="upper"
                bindscrolltolower="lower"
                bindscroll="scroll"
                scroll-into-view="{{toView}}"
                scroll-top="{{scrollTop}}"
        >
            <view id="green" class="scroll-view-item bc_green"></view>
            <view id="red" class="scroll-view-item bc_red"></view>
            <view id="yellow" class="scroll-view-item bc_yellow"></view>
            <view id="blue" class="scroll-view-item bc_blue"></view>
        </scroll-view>
    </view>
</view>