nova-trip/nova-tourism/pages/gourmet/store-package/index.wxml

<nav type="back" background-color="{{activeColor}}" title="店铺详情" frontColor="#ffffff" />
<image class="image" src="{{shopstore.cover}}" />
<view class="store">
    <view class="store-name">{{shopstore.storeName}}</view>
    <view class="store-box">
        <view class="store-evaluation">
            <van-rate readonly value="{{ shopstore.score }}" allow-half void-icon="star" size=" 24rpx " void-color="#eee" color="#fc853c" bind:change="onChange" />
            <view class="evaluation" style="color:{{activeColor}}" >{{ shopstore.score }}</view>
            <view class="price">￥{{shopstore.perCapita}}/人</view>
        </view>
    </view>
    <view class="box-title" style="border-bottom: 1rpx solid {{activeColor}};">
        <view class="box-time">
            <view class="state">营业时间</view>
            <view>{{shopstore.workingTime}}</view>
        </view>
        <view wx:if="{{shopstore.vrUrl}}" class="vr_btn" data-path="{{shopstore.vrUrl}}" style="background-color:{{activeColor}}" bind:tap="toWebView">
            VR探店
        </view>
    </view>
    <view class="desc" wx:if="{{shopstore.desc}}">店铺简介：</view>
    <view class="desc-i">{{shopstore.desc}}</view>
    <view class="address">
        <view class="address-details">
            <view>店铺地址：</view>
            <view class="addres">{{shopstore.storeAddress}}</view>
            <!-- <view class="way">
                <van-icon name="location-o" />
               {{distance}}km
            </view> -->
        </view>
        <view class="taxi">
            <view class="taxi-box" bindtap="taxi">
                <view class="taxi-phone">
                    <van-icon size="50rpx" name="https://file-cloud.fmode.cn/sHNeVwSaAg/20220528/47bf4h025640.png" />
                </view>
                <view>打车</view>
            </view>
            <view class="taxi-boxs" bindtap="phone">
                <view class="taxi-phone">
                    <van-icon size="50rpx" name="phone" />
                </view>
                <view>电话</view>
            </view>
        </view>
    </view>
</view>
<view class="all">
    <van-tabs class="alls" active="{{ active }}" bind:change="onevaluation" color="{{activeColor}}">
        <van-tab title="全部"></van-tab>
        <van-tab title="评价"></van-tab>
    </van-tabs>
</view>
<block wx:if="{{active==0}}">
    <view class="store">
        <block wx:if="{{list.length == 0}}">
            <van-empty description="暂无商品" />
        </block>
        <block wx:for="{{list}}" wx:key="index">
            <view class="store-goods" bindtap="goodsdetails" data-item="{{item}}">
                <image class="images" src="{{item.image}}" />
                <view class="goods-details">
                    <view class="goods-name">{{item.name}}</view>
                    <view class="goods-time">周一至周日</view>
                    <view class="goods-title">
                        <view class="goods-price">
                            <view class="price">￥{{item.price}}</view>
                            <view class="original">￥{{item.originalPrice}}</view>
                        </view>
                        <!-- <view class="goods-number">{{item.}}</view> -->
                    </view>
                </view>
                <view class="buy" style="background-color:{{activeColor}}">购买</view>
            </view>
        </block>
    </view>
</block>
<block wx:if="{{active==1}}">
    <view class="box">
        <!-- <view class="recommended-box">
            <view style="display: flex;">
                <view class="recommended-icon"></view>
                <view class="recommended">评价</view>
            </view>
            <block wx:if="{{comments.length > 10}}">
                <view bindtap="comment">
                    更多
                    <van-icon name="arrow" />
                </view>
            </block>
        </view> -->
     
        <comment-list comments="{{comments}}" title="评价" showMore="{{comments.length==10?true:false}}" bind:more="comment"></comment-list>
        <!-- <view class="comment" wx:for="{{comments}}" wx:key="index">
            <view class="comment-header">,
                <view class="header-avatar">
                    <image class="header-avatar-image" src="{{item.user.avatar}}"></image>
                </view>
                <view class="header-text">
                    <view class="comment-name text-small">{{item.user.nickname}}</view>
                    <view class="comment-score ">
                        <van-rate readonly allow-half value="{{ item.score }}" size="{{ 12 }}" color="#FF8936" void-icon="star" void-color="#eee" />
                    </view>
                </view>
                <view class="comment-date text-small grey">{{item.orderTime}}</view>
            </view>
            <view class="comment-content">
                <view class="comment-text text">{{item.content}}</view>
                <view class="comment-images">
                    <block wx:for="{{item.images}}" wx:key="index" wx:for-item="image">
                        <image class="comment-image" src="{{image}}"></image>
                    </block>
                </view>
            </view>
        </view> -->
    </view>
</block>

<view class="to_order" wx:if="{{tableList.length}}" catchtap="toOrder" style="background-color:{{activeColor}}">
    到店点餐
</view>