<view class="page">
    <view class="page-hd">
        <swiper indicator-dots="true" indicator-color="#ffffff" indicator-active-color="#00a0e9" autoplay="true"
            interval="5000" duration="500">
            <block wx:for="{{list}}">
                <swiper-item>
                    <image src="{{item.photo}}" class="slide-image" data-id="{{item.id}}" bindtap="toDetail" />
                </swiper-item>
            </block>
        </swiper>
    </view>
    <view class="page-bd">
        <view class="goods">
            <view class="tabs" bindtap="changeTab">
                <view class="tab {{selected === index ? 'active' : ''}}" data-name="{{item}}" wx:for="{{tabs}}">{{item}}</view>
            </view>
            <view class="details">
                <scroll-view scroll-y scroll-with-animation="true" style="height:{{systemInfo.windowHeight*systemInfo.pixelRatio - 300}}rpx">
                    <view class="cards">
                        <view class="card" wx:for="{{goods}}" bindtap="toProduct" data-id="{{item.id}}">
                            <image class="goods-img" src="{{item.photo}}"></image>
                            <view class="card-name">{{item.name}}</view>
                            <view class="price">￥{{item.price}}</view>
                        </view>
                        <!-- <view class="card">
                            <image class="goods-img" src="/img/demo/order-img.png"></image>
                            <view class="card-name">婴儿抱娃神器</view>
                            <view class="price">￥79.00</view>
                        </view> -->
                    </view>
                </scroll-view>
            </view>
        </view>
    </view>
</view>