<!--packageA/mycomponent/goodsComponent/plugin/appointment/appointment.wxml-->
<!-- 预约商品 start-->
<view class="isComment">
  <!-- 预约商品相关项目 -->
  <view class="evaTop">
    <view class="evaTitle">相关{{ appointmentLang.project }}</view>
    <view class="evaTo" style="color: #ed0606;font-size: 28rpx;" catchtap="gotoProjects">更多<icon class="fa fa-angle-right"
        style="font-size: 20px;"></icon>
    </view>
  </view>
  <view class="ecaBottom" wx:if="{{projects.length > 0}}">
    <swiper class="evaLoop">
      <swiper-item wx:for="{{projects}}" wx:key="index">
        <view class="evaLoopmain projects" catchtap="goProjectDetails" data-key="{{item.project_id}}">
          <image src="{{item.thumb}}" class="imgPro"></image>
          <view class="user">
            <view class="text" style="-webkit-box-orient: vertical;">{{ item.project_title }}</view>
          </view>
          <view style="color: #999;">{{ item.service_count }}次</view>
        </view>
      </swiper-item>
    </swiper>
  </view>
  <view wx:if="{{projects.length <= 0}}" style="padding: 28rpx; color: #999;text-align: center;">抱歉，暂无相关{{ appointmentLang.project }} ~</view>
</view>
<!-- 预约商品  end -->

<van-popup custom-style="width:100%;height:100%;overflow:auto;" show="{{showProjects}}" position="right"
  overlay="{{false}}">
  <view class="streetContent">
    <van-nav-bar title="全部相关项目" left-text="" right-text="" left-arrow bind:click-left="ProjectsClose" />
    <view class="projects1" wx:for="{{projects}}" wx:key="index" catchtap="goProjectDetails"
      data-id="{{item.project_id}}">
      <image src="{{item.thumb}}"></image>
      <view class="user">
        <view class="text" style="-webkit-box-orient: vertical;">{{ item.project_title }}</view>
        <view style="color: #999999;line-height: 64rpx;text-align: right;">{{ item.service_count }}次</view>
      </view>
    </view>
  </view>
</van-popup>