<!--pages/product/product.wxml-->
<view class="container">
    <!-- 产品图片 -->
    <view class="product-img ">
        <image src="../../images/product01.jpg"></image>
        <view class="title ">{{productinfo.title}}</view>
        <view class="price c-e40360 fw300">¥{{productinfo.price}}/人</view>
    </view>
    <!-- 产品描述 -->
    <view class="product-desc card">
        <image class="" src="../../images/richText.png">
        </image>
    </view>
    <!-- 评论 -->
    <view class="comments card">
        <view class="comment-title f17 fw300">
            <view class="title">

                网友点评
            </view>
            <navigator class="all-comments f15 .c-707070" target="" url="../comments/comments?title=全部评论"
                hover-class="navigator-hover" open-type="navigate">
                全部{{commentsList.length}}条
                <mp-icon icon="arrow" size="12" class="comments-icon" color="#707070"></mp-icon>
            </navigator>
        </view>
        <comments commentsList="{{[commentsList[0],commentsList[1],commentsList[1]]}}"></comments>

    </view>
    <!-- 预约 -->
    <!-- <navigator class="appointment card" url="../appointment/appointment?price={{productinfo.price}}" hover-class="appointment-hover" open-type="navigate"> -->
    <navigator class="appointment card" url="../appointment/appointment?price=268" hover-class="appointment-hover" open-type="navigate">
        <view class="btn">
            立即预约
        </view>
    </navigator>
</view>