tourism-wxapp/nova-tourism/components/goods-list/index.wxml

<block wx:if="{{list.length}}">
    <view class="wrapper horizontal" wx:if="{{mode=='horizontal'}}">
        <block wx:for="{{list}}" wx:key="index">
            <view class="goods" data-item="{{item}}" bindtap="toDetail">
                <view class="goods-image-wrapper">
                    <image class="goods-image" src="{{item.images&&item.images[0]}}" />
                </view>
                <view class="goods-detail">
                    <view class="goods-name title">{{item.name}}</view>
                    <!-- <view class="goods-describe">{{item.describe}}</view> -->
                    <view class="goods-tags text-small grey">
                        <block wx:for="{{item.tags}}" wx:for-item="tag" wx:key="index">
                            <text>{{tag}}\t</text>
                        </block>
                    </view>
                    <view class="goods-detail-bottom">
                        <view class="goods-price-wrapper">
                            <view class="goods-price-text" style="color: {{activeColor}};">
                                ￥
                                <text class="goods-price-num">{{item.price}}</text>
                                /每晚
                            </view>
                        </view>
                        <view class="bottom-btns text-large">
                            <van-button class="btn" color="{{activeColor}}" size="small" round plain="{{btnModel}}" data-item="{{item}}" catchtap="btnTap">
                                <text class="btn-text">{{navigateBtn || '立即预订'}}</text>
                            </van-button>
                        </view>
                    </view>
                </view>
                <!-- <view class="performance">
                <van-icon name="send-gift" />
                <view class="hotel-performance">{{item.performance}}</view>
            </view> -->
            </view>
        </block>
    </view>
    <view class="wrapper vertical" wx:elif="{{mode=='vertical'}}">
        <block wx:for="{{list}}" wx:key="index">
            <view class="goods" data-item="{{item}}" bindtap="toDetail">
                <view class="goods-image-wrapper">
                    <image class="goods-image" src="{{item.images&&item.images[0]}}" />
                </view>
                <view class="goods-detail">
                    <view class="goods-name title">{{item.name}}</view>
                    <!-- <view class="goods-describe">{{item.describe}}</view>
                <view class="goods-tags text-small grey">
                    <block wx:for="{{item.tags}}" wx:for-item="tag" wx:key="index">
                        <text>{{tag}}\t</text>
                    </block>
                </view> -->
                    <view class="goods-price-wrapper">
                        <view class="goods-price-text" style="color: {{activeColor}};">
                            ￥
                            <text class="goods-price-num">{{item.price}}</text>
                            /每晚
                        </view>
                        <!-- <view class="hotel-price">已减价格￥{{item.reduce}}</view> -->
                    </view>
                    <view class="address">
                        <!-- <van-icon name="location-o" /> -->
                        <view class="hotel-address">{{item.address}}</view>
                    </view>
                </view>
                <!-- <view class="performance">
                <van-icon name="send-gift" />
                <view class="hotel-performance">{{item.performance}}</view>
            </view> -->
            </view>
        </block>
    </view>
</block>
<block wx:else>
    <van-empty description="暂无列表" />
</block>