sunshine-meet-wx/userOrder/pages/resource-details/index.wxml

<!--index.wxml-->
<logout-show title="{{'店铺详情'}}" showBtn="{{true}}" wx:if="{{ token==='' }}" />
<view class="resource-details" wx:else>
  <view class="jianjie">
    <view class="img-box">
      <van-image width="100%" height="220px" src="{{items.store_image}}" />
      <view class="img-box-text" bindtap="bindImgTap" wx:if="{{imgList.length>0}}">
        查看{{imgList.length}}张图片
      </view>
    </view>
    <view class="title-box">
      <view class="title-box-name">
        {{items.store_name}}
        <view class="title-type">
          {{items.type_text}}
        </view>
      </view>
      <view class="title-box-point">
        <van-tag plain wx:for="{{items.store_spec_name}}" wx:key="index" size="large" custom-class="aa">{{item}}</van-tag>
      </view>
    </view>
    <!--  -->
    <!-- bindtap="bindAddrTap" -->
    <van-cell title="{{items.addr}}" is-link icon="location">
    </van-cell>
    <view class="title-label-box" wx:if="{{showNum}}">
      <van-row>
        <van-col span="6">
          <view class="title-label-box-item">
            <van-image width="35px" height="35px" src="/images/resource-details/mianji.png" />
            <view class="title-label-box-item-title">最大会场</view>
            <view><text>{{areaMax===0?'-':areaMax}}</text> ㎡</view>
          </view>
        </van-col>
        <van-col span="6">
          <view class="title-label-box-item">
            <van-image width="35px" height="35px" src="/images/resource-details/huichang.png" />
            <view class="title-label-box-item-title">最大容量</view>
            <view><text>{{areaPnum===0?'-':areaPnum}}</text> 人</view>
          </view>
        </van-col>
        <van-col span="6">
          <view class="title-label-box-item">
            <van-image width="35px" height="35px" src="/images/resource-details/renshu.png" />
            <view class="title-label-box-item-title">会场数量</view>
            <view><text>{{areaNum===0?'-':areaNum}}</text> 间</view>
          </view>
        </van-col>
        <van-col span="6">
          <view class="title-label-box-item lasth">
            <van-image width="35px" height="35px" src="/images/resource-details/kefang.png" />
            <view class="title-label-box-item-title">客房数量</view>
            <view><text>{{roomNum===0?'-':roomNum}}</text> 间</view>
          </view>
        </van-col>
      </van-row>
      <view style="padding:16px 0 0 0;margin:0 0 -5px 0">
        <van-row>
          <van-col span="12">
            <view style="text-align: center;font-size: 14px;">最近装修：{{items.renovation_date}}</view>
          </van-col>
          <van-col span="12">
            <view style="text-align: center;font-size: 14px;">停车位数：{{items.park_num===0?'-':items.park_num}}个</view>
          </van-col>
        </van-row>
      </view>
    </view>

  </view>
  <view class="peitao" wx:if="{{length!==0}}">
    <van-tabs sticky="{{true}}" wx:if="{{active!==''}}" active="{{ active }}" color="#1989fa" line-width='80px' line-height="2px" duration="0">
      <van-tab title="会议空间" wx:if="{{huiyi.length>0}}" name="1" title-style="font-size:15px;font-weight: bold;">
        <view class="huiyi">
          <!-- 会议空间 -->
          <view class="box-title"><text>共{{areaNum}}间，会场面积{{areaMin}}{{areaMin===areaMax?'':'~'+areaMax}}㎡</text>
          </view>
          <view class="huiyi-main">
            <view class="huiyi-item " wx:for="{{huiyi}}" wx:key="index">
              <view class="hui-item-left">
                <van-image width="120px" height="80px" src="{{item.image}}" />
              </view>
              <view class="hui-item-right">
                <view class="item-title">{{item.name}}</view>
                <view><text>共{{item.length}}间</text><text style="padding:0 0 0 10px">{{item.price}}元起/间</text>
                </view>
                <view><text>{{item.area}}㎡</text><text style="padding:0 0 0 10px">容纳{{item.capacity}}人</text></view>
              </view>
            </view>
          </view>
        </view>
      </van-tab>
      <van-tab title="客房房型" wx:if="{{kefang.length>0}}" name="2" title-style="font-size:15px;font-weight: bold;">
        <view class="kefang">
          <!-- 客房 -->
          <view class="box-title"><text>共{{roomNum}}间，{{kefang.length}}种房型</text>
          </view>
          <view class="huiyi-main">
            <view class="huiyi-item" wx:for="{{kefang}}" wx:key="index">
              <view class="hui-item-left">
                <van-image width="120px" height="80px" src="{{item.image}}" />
              </view>
              <view class="hui-item-right">
                <view class="item-title">{{item.name}}</view>
                <view><text>共{{item.length}}间</text><text style="padding:0 0 0 10px">{{item.price}}元起/间</text>
                </view>
                <view> <text>{{item.area}}㎡</text><text style="padding:0 0 0 10px">{{item.network}}</text> </view>
              </view>
            </view>

          </view>
        </view>
      </van-tab>
      <van-tab title="会议设施" name="3" wx:if="{{canting.length>0}}" title-style="font-size:15px;font-weight: bold;">
        <view class="canting">
          <view class="huiyi-main">
            <view class="huiyi-item" wx:for="{{canting}}" wx:key="index">
              <view class="hui-item-left">
                <van-image width="120px" height="80px" src="{{item.image}}" />
              </view>
              <view class="hui-item-right">
                <view class="item-title">{{item.name}}</view>
                <view>{{item.price}}元起/{{item.unit}}</view>
                <view>共{{item.length}}{{item.unit}}</view>
              </view>
            </view>
          </view>
        </view>
      </van-tab>
      <van-tab title="曾办活动" name="4" wx:if="{{cengban.length>0}}" title-style="font-size:15px;font-weight: bold;">
        <view class="cengban">

          <view class="cengban-item" wx:for="{{cengban}}" wx:key="index">
            <text style="padding:0 5px">·</text> {{item.name}}
          </view>
        </view>
      </van-tab>
      <van-tab title="服务设施" wx:if="{{length<6&&showSS}}" name="6" title-style="font-size:15px;font-weight: bold;">
        <view class="sheshi">

          <view class="sheshi-main">
            <view class="jd" wx:if="{{joptions.length>0}}">
              <view class="sheshi-title">
                <van-image width="18px" height="18px" src="/images/resource-details/sjd.png" />
                <view class="text">酒店服务设施</view>
              </view>
              <view class="sheshi-item-box">
                <van-row>
                  <van-col span="8" wx:for="{{joptions}}" wx:key="index">{{item}}</van-col>
                </van-row>
              </view>
            </view>
            <view class="jd" wx:if="{{joptions.length>0}}">
              <view class="sheshi-title">
                <van-image width="18px" height="18px" src="/images/resource-details/huichang.png" />
                <view class="text">会议服务设施</view>
              </view>
              <view class="sheshi-item-box">
                <van-row>
                  <van-col span="8" wx:for="{{hoptions}}" wx:key="index">{{item}}</van-col>
                </van-row>
              </view>
            </view>
            <view class="jd" wx:if="{{coptions.length>0}}">
              <view class="sheshi-title">
                <van-image width="18px" height="18px" src="/images/resource-details/scy.png" />
                <view class="text">餐饮服务设施</view>
              </view>
              <view class="sheshi-item-box">
                <van-row>
                  <van-col span="8" wx:for="{{coptions}}" wx:key="index">{{item}}</van-col>
                </van-row>
              </view>
            </view>
            <view class="jd" wx:if="{{koptions.length>0}}">
              <view class="sheshi-title">
                <van-image width="18px" height="18px" src="/images/resource-details/kefang.png" />
                <view class="text">客房服务设施</view>
              </view>
              <view class="sheshi-item-box">
                <van-row>
                  <van-col span="8" wx:for="{{koptions}}" wx:key="index">{{item}}</van-col>
                </van-row>
              </view>
            </view>
          </view>
        </view>
      </van-tab>
      <van-tab title="酒店详情" name="5" title-style="font-size:15px;font-weight: bold;">
        <view class="sheshi cengban" wx:if="{{length>5&&showSS}}">

          <view class="sheshi-main">
            <view class="jd" wx:if="{{joptions.length>0}}">
              <view class="sheshi-title">
                <van-image width="18px" height="18px" src="/images/resource-details/sjd.png" />
                <view class="text">酒店服务设施</view>
              </view>
              <view class="sheshi-item-box">
                <van-row>
                  <van-col span="8" wx:for="{{joptions}}" wx:key="index">{{item}}</van-col>
                </van-row>
              </view>
            </view>
            <view class="jd" wx:if="{{joptions.length>0}}">
              <view class="sheshi-title">
                <van-image width="18px" height="18px" src="/images/resource-details/huichang.png" />
                <view class="text">会议服务设施</view>
              </view>
              <view class="sheshi-item-box">
                <van-row>
                  <van-col span="8" wx:for="{{hoptions}}" wx:key="index">{{item}}</van-col>
                </van-row>
              </view>
            </view>
            <view class="jd" wx:if="{{coptions.length>0}}">
              <view class="sheshi-title">
                <van-image width="18px" height="18px" src="/images/resource-details/scy.png" />
                <view class="text">餐饮服务设施</view>
              </view>
              <view class="sheshi-item-box">
                <van-row>
                  <van-col span="8" wx:for="{{coptions}}" wx:key="index">{{item}}</van-col>
                </van-row>
              </view>
            </view>
            <view class="jd" wx:if="{{koptions.length>0}}">
              <view class="sheshi-title">
                <van-image width="18px" height="18px" src="/images/resource-details/kefang.png" />
                <view class="text">客房服务设施</view>
              </view>
              <view class="sheshi-item-box">
                <van-row>
                  <van-col span="8" wx:for="{{koptions}}" wx:key="index">{{item}}</van-col>
                </van-row>
              </view>
            </view>
          </view>
        </view>
        <view class="detail">
          <view class="detail-main">

            {{items.store_desc}}
          </view>
        </view>
      </van-tab>
    </van-tabs>
  </view>

</view>