<view>
    <page-loding wx:if="{{showLoding}}"></page-loding>
    <view class="position-top-tab" hidden="{{!scrolltocontent}}">
        <view bindtap="toId" class="tab {{tapid=='merchantList'?'active':''}}" data-id="merchantList">商家</view>
        <view bindtap="toId" class="tab {{tapid=='needknow'?'active':''}}" data-id="needknow">购买须知</view>
        <view bindtap="toId" class="tab {{tapid=='infomes'?'active':''}}" data-id="infomes">详情</view>
    </view>
    <scroll-view bindscroll="bindscroll" class="scrollview" scrollIntoView="{{scrollid}}" scrollWithAnimation="true" scrollY="true">
        <view id="header">
            <page-header formData="{{formData}}" info="{{info}}"></page-header>
        </view>
        <view class="info-main">
            <view class="info-content">
                <view id="title">
                    <view class="info-wrap __nospace">
                        <view class="info-title">
                            <view>{{info.name}}</view>
                        </view>
                        <view class="info-inventory">
                            <view class="sold">已售{{info.num_buy+info.unit_name}}</view>
                        </view>
                        <view class="goods-tags">
                            <view class="tag" wx:for="{{info.tags}}" wx:key="index">{{item}}</view>
                        </view>
                    </view>
                </view>
                <view id="merchantList">
                    <shop-add merchantList="{{merchantList}}"></shop-add>
                </view>
                <view class="info-wrap need-know" id="needknow">
                    <view class="m-title">
                        <view class="bd">购买须知 <view class="line"></view>
                        </view>
                    </view>
                    <view class="richbox">
                        <rich-text nodes="{{info.purchasenotes}}"></rich-text>
                    </view>
                </view>
                <view class="info-wrap info-mes" id="infomes">
                    <view class="m-title">
                        <view class="bd">商品详情 <view class="line"></view>
                        </view>
                    </view>
                    <view class="richbox">
                        <rich-text nodes="{{info.message}}"></rich-text>
                    </view>
                </view>
                <view class="info-wrap" wx:if="{{priceDescription}}">
                    <view class="info-picrule">
                        <view class="title">价格说明</view>
                        <view>
                            <view class="richbox">
                                <rich-text nodes="{{priceDescription}}"></rich-text>
                            </view>
                        </view>
                    </view>
                </view>
                <view class="info-wrap info-mes">
                    <view class="m-title">
                        <view class="bd">为您推荐 <view class="line"></view>
                        </view>
                    </view>
                    <recomond-list list="{{recommendedList}}"></recomond-list>
                </view>
            </view>
        </view>
    </scroll-view>
    <page-bottom info="{{info}}" token="{{token}}"></page-bottom>
</view>