<!--pages/shopinfo/shopinfo.wxml-->

<view class="container">
   <!-- 门店照片 -->
   <view class="shop-img">
      <image src="../../images/shopImg.jpg"></image>
   </view>
   <!-- 门店信息 -->
   <view class="shop-info card">
      <view class="shop-name f18">
         {{shopInfo.shopName}}
      </view>
      <view class="stars">

         <mp-icon icon="star" color="#E15F3D" size="18" type="{{shopInfo.stars>0?'filled':'outline'}}"></mp-icon>
         <mp-icon icon="star" color="#E15F3D" size="18" type="{{shopInfo.stars>1?'filled':'outline'}}"></mp-icon>
         <mp-icon icon="star" color="#E15F3D" size="18" type="{{shopInfo.stars>2?'filled':'outline'}}"></mp-icon>
         <mp-icon icon="star" color="#E15F3D" size="18" type="{{shopInfo.stars>3?'filled':'outline'}}"></mp-icon>
         <mp-icon icon="star" color="#E15F3D" size="18" type="{{shopInfo.stars>4?'filled':'outline'}}"></mp-icon>
      </view>
      <view class="tel f13 fw300 padding40">
         <mp-icon icon="cellphone" size="18" class="icon"></mp-icon>
         {{shopInfo.shopTel}}
      </view>
      <view class="address f13 fw300 padding40">
         <view class="">

            <mp-icon icon="location" size="18" class="icon"></mp-icon>
            {{shopInfo.shopAddress}}
         </view>
         <view class="way f13 fw300">
            <view class="checkway">

               查看路线
            </view>

            <mp-icon icon="discover" size="18" color="rgb(58, 58, 58)" class="discover"></mp-icon>
         </view>
      </view>
   </view>
   <!-- 门店产品 -->
   <view class="products card">
      <view class="shop-title f17 fw600">
         门店项目
      </view>
      <navigator url="../product/product" hover-class="none" open-type="navigate">
         <view class="product" wx:for="{{shopInfo.products}}" wx:key="imgurl">
         <view class="product-img">
            <image src="{{item.imgurl}}"></image>
         </view>
         <view class="product-info">
            <view class="product-title ">{{item.title}}</view>
            <view class="price">
               <view class="new-price">¥{{item.newPrice}}</view>
               <view class="old-price f13 fw300">¥{{item.oldPrice}}</view>
            </view>
         </view>
      </view>
      </navigator>
      

   </view>
   <!-- 门店描述 -->
   <view class="shop-desc card">
      <view class="shop-title f17 fw600">
         店铺介绍
      </view>
      <view class="desc f14">
         {{shopInfo.shopDesc}}
      </view>
   </view>
   <view class="comments card">
      <view class="shop-title f17 fw600">
         全部评论（{{commentsList.length}}）
      </view>
      <comments commentsList="{{[commentsList[0],commentsList[1],commentsList[1]]}}"></comments>
   </view>

</view>