<exp a:if="{{type === 'large'}}" appearParam="{{appearParam}}" onAppear="onAppear">
  <view class="ma-large-card {{className}}" data-id="{{contentDetailId || dataItem.contentDetailId}}" data-type="{{dataItem.templateType || dataItem.projectType}}" data-url="{{forwardUrl || dataItem.forwardUrl}}" data-drag="{{dataItem.contentType}}" onTap="handelToDetail">
    <!--<ma-image a:if="{{ projectTag || dataItem.projectTag}}" className="ma-large-card-icon" url="{{icons[projectTag || dataItem.projectTag]}}" mode="aspectFit" width="110rpx" height="40rpx" lazyLoad="{{lazyLoad}}" />-->
    <ma-tag a:if="{{tagName || dataItem.tagName}}" className="ma-large-card-icon" type="angle" tagName="{{tagName || dataItem.tagName }}" backgroundColor="{{nameColor || dataItem.nameColor}}" />
    <ma-image url="{{ backgroupImgUrl || dataItem.backgroupImgUrl}}" width="100%" height="{{imgHeight}}" lazyLoad="{{lazyLoad}}" defaultSource="{{largeDefaultSource}}" />
    <view class="ma-large-img {{aflag && (favoriteStatus ?'ma-animation-like':'ma-animation-unlike')}}" a:if="{{showLike}}" data-index="{{ index }}" data-item="{{ dataItem }}" data-id="{{ cardId || dataItem.cardId }}" catchTap="handleLikeTap">
      <image class="ma-large-card-like" key="{{ index }}-{{ favoriteStatus }}" src="{{ favoriteStatus ? icons.like : icons.dislike }}" mode="aspectFill" lazyLoad="{{lazyLoad}}" />
    </view>
    <view class="ma-large-card-content">
      <view class="ma-large-card-item">
        <view class="ma-large-card-titel font-XiangHe-XBlack">
          <text number-of-lines="{{1}}" class="{{(dataItem.gemsCardResultDTO.waitTime || dataItem.gemsCardResultDTO.nextTime) ? 'title-line' : ''}}">{{projectName || dataItem.projectName}}</text>
        </view>
        <view class="ma-large-card-slot">
          <view class="show-card-desc desc-time" a:if="{{ dataItem.gemsCardResultDTO && ['Open', 'Running'].includes(dataItem.gemsCardResultDTO.status) && (dataItem.projectType === 2 || dataItem.projectType === 1) && (dataItem.gemsCardResultDTO.waitTime || dataItem.gemsCardResultDTO.nextTime)}}">
            <text class="font-Avenir-Heavy {{dataItem.gemsCardResultDTO.waitTime ? 'time ' : 'next-time'}}">{{ dataItem.gemsCardResultDTO.waitTime || dataItem.gemsCardResultDTO.nextTime}}</text>
            <text class="label">{{ dataItem.gemsCardResultDTO.waitTime ? "分钟" : "下一场"}}</text>
          </view>
          <view>
            <!--<view class="show-card-desc desc-status" a:if="{{ ( close || dataItem.close ) || ( maintain || dataItem.maintain)}}">
              <view class="desc-status-text font-XiangHe-XBlack">{{( close || dataItem.close ) ? "关闭" : "维护中"}}</view>
            </view>-->
            <view class="recommend-card-price" a:if="{{ price || dataItem.price }}">
              <text class="price font-Avenir-Bold">¥{{ price || dataItem.price}}</text>
              <text class="recommend-card-desc font-Regular">{{dataItem.projectType === 4 ? "/人" : "起"}}</text>
            </view>
          </view>
        </view>
      </view>
      <view class="ma-large-card-item">
        <view class="ma-large-card-description">
          <text a:if="{{description || dataItem.description}}" class="ma-large-card-description-tag">{{ description || dataItem.description}}</text>
          <text a:if="{{dataItem.gemsCardResultDTO && dataItem.projectType === 2 && dataItem.gemsCardResultDTO.showTime && !dataItem.gemsCardResultDTO.waitTime }}" class="show-time">演出时间 {{dataItem.gemsCardResultDTO.showTime.toString().replace(/,/g, ' | ')}}</text>
          <text a:if="{{dataItem.projectType === 10 && dataItem.gemsCardResultDTO && dataItem.gemsCardResultDTO.activeTime }}" class="show-time">{{dataItem.gemsCardResultDTO.activeTime}}</text>
          <text a:if="{{ cardTagName || dataItem.cardTagName}}" class="ma-large-card-tag" style="color: {{cardTagColor || dataItem.cardTagColor}}">
            {{ cardTagName || dataItem.cardTagName}}
          </text>
          <slot name="desc" />
        </view>
        <view class="ma-large-card-extra" a:if="{{(distance || dataItem.distance) && (distance || dataItem.distance > 0) }}">
          {{distance || dataItem.distance < 1000 ? `${distance || dataItem.distance} 米` : `${((distance || dataItem.distance) / 1000).toFixed(1)} 公里`}}
          <slot name="extra" />
        </view>
      </view>
      <view class="ma-large-card-detail-desc font-Light" a:if="{{parkHotel && dataItem.detailDesc}}">
        <rich-text nodes="{{nodes}}"></rich-text>
      </view>
    </view>
  </view>
</exp>
<exp a:if="{{type === 'small'}}" appearParam="{{appearParam}}" onAppear="onAppear">
  <view class="ma-small-card {{className}}" style="width: {{trip ? '642rpx' : ''}}" data-id="{{contentDetailId || dataItem.contentDetailId}}" data-type="{{dataItem.templateType || dataItem.projectType}}" data-url="{{forwardUrl || dataItem.forwardUrl}}" data-drag="{{dataItem.contentType}}" onTap="handelToDetail">
    <ma-image url="{{ smallImgUrl || dataItem.smallImgUrl}}" width="240rpx" height="240rpx" lazyLoad="{{lazyLoad}}" defaultSource="{{smallDefaultSource}}" />
    <view class="ma-small-card-content">
      <view>
        <view class="ma-small-card-titel font-XiangHe-XBlack">
          <text number-of-lines="{{2}}">
            <text-with-marks text="{{ projectName || dataItem.projectName}}" />
          </text>
        </view>
        <view class="ma-small-card-body">
          <block a:if="{{ dataItem.projectType === 1 && (rate || dataItem.rate != 0) }}">
            <text number-of-lines="{{1}}" class="ma-small-card-body-degree" style="height: 28rpx; lineHeight: 28rpx">刺激程度</text>
            <ma-rate value="{{ rate || dataItem.rate }}" />
          </block>
            
          <text number-of-lines="{{1}}" a:if="{{dataItem.gemsCardResultDTO && dataItem.projectType === 2 && dataItem.gemsCardResultDTO.showTime }}" class="show-time">演出时间 {{dataItem.gemsCardResultDTO.showTime.toString().replace(/,/g, ' | ')}}</text>
          <text number-of-lines="{{1}}" a:if="{{dataItem.gemsCardResultDTO && dataItem.projectType === 10 && dataItem.gemsCardResultDTO.activeTime }}" class="show-time"> {{dataItem.gemsCardResultDTO.activeTime}}</text>
          <text number-of-lines="{{1}}" a:if="{{dataItem.gemsCardResultDTO && [3,4].includes(dataItem.projectType) && dataItem.gemsCardResultDTO.openStartTime }}" class="show-time">营业时间 {{dataItem.gemsCardResultDTO.openStartTime}}-{{dataItem.gemsCardResultDTO.openEndTime}}</text>

          <block a:if="{{ searchGoods && (description || dataItem.description)}}">
            <view class="ma-small-card-body-text" style="color: {{textColor || dataItem.textColor}}">
              <text number-of-lines="{{1}}">{{description || dataItem.description}}</text></view>
          </block>
          <block a:if="{{ [5,6,11,12,13].includes(dataItem.projectType) && (cardName || dataItem.cardName)}}">
            <view class="ma-small-card-body-text">{{cardName || dataItem.cardName}}</view>
          </block>
        </view>
      </view>
      <view class="ma-small-card-bottom">
        <text a:if="{{ [3,10,11,12,13].includes(dataItem.projectType) && (distance || dataItem.distance) && (distance || dataItem.distance > 0)}}">
          {{distance || dataItem.distance < 1000 ? `${distance || dataItem.distance} 米` : `${((distance || dataItem.distance) / 1000).toFixed(1)} 公里`}}
        </text>
        <view a:if="{{ (dataItem.projectType && [4,5,6].includes(dataItem.projectType) && (price || dataItem.price)) || (price || dataItem.price)}}" class="ma-small-card-bottom-price">
          <text class="ma-small-card-price font-Avenir-Bold">¥{{ price || dataItem.price}}</text>
          <text class="recommend-card-desc font-Regular">{{(dataItem.projectType && dataItem.projectType === 4) ? "/人" : "起"}}</text>
          <slot />
        </view>
        <ma-icon a:if="{{ isQuickTicket || dataItem.isQuickTicket === 1}}" className="ma-small-card-tag" url="https://amposs.app.universalbeijingresort.com/images/miapp/icons/TB1RnZJ0oz1gK0jSZLeXXb9kVXa-123-63.png" width="79rpx" height="38rpx" />
        <block a:if="{{showBtn}}">
          <view a:if="{{searchGoods}}" class="reserve-btn font-Medium" >
            <text>{{buttonOfficial || dataItem.buttonOfficial}}</text>
          </view>
          <view a:elif="{{aiGoods}}">
            <ma-icon className="ma-small-icon" url='https://amposs.app.universalbeijingresort.com/image/20210201/ab45d37d-39f8-4886-a865-9129f6e57044.png' width="120rpx" height="60rpx" />
          </view>   
          <!--<view a:else catchTap="handleNavigatorTap">
            <ma-icon className="ma-small-icon" mode="scaleToFill" url="https://amposs.app.universalbeijingresort.com/images/miapp/icons/TB1Y4cRZNv1gK0jSZFFXXb0sXXa-120-60.png" width="120rpx" height="60rpx" />
          </view>-->
        </block>
      </view>
    </view>
    <ma-icon a:if="{{trip}}" className="sub-button" url="https://amposs.app.universalbeijingresort.com/image/20210205/7ad51cbe-0be3-4097-ae22-cd4f01f9511b.png" width="56rpx" height="56rpx" />
  </view>
</exp>
<exp a:if="{{type === 'scenic'}}" appearParam="{{appearParam}}" onAppear="onAppear">
  <view class="ma-scenic-card {{className}}" data-id="{{fkScenicContentDetailId || dataItem.fkScenicContentDetailId}}" data-type="0" data-drag="{{dataItem.contentType}}" onTap="handelToDetail">
    <ma-image url="{{backgroupImgUrl || dataItem.backgroupImgUrl}}" width="670rpx" height="{{height}}" lazyLoad="{{lazyLoad}}" defaultSource="{{height === '260rpx' ? scenicDefaultSource : landDefaultSource}}" />
    <view class="ma-scenic-card-content {{arrow ? 'scenic-detail': ''}}" style="top: {{dataItem.gemsCardResultDTO && !arrow ? '30px' : '40px'}}; height: {{dataItem.gemsCardResultDTO ? '80px' : '64px'}}">
      <view class="ma-scenic-card-title font-XiangHe-XBlack {{arrow ? 'scenic-detail-title': ''}}">
        <text-with-marks class="title" text="{{projectName || dataItem.projectName}}" />
        <ma-icon className="ma-scenic-card-arrow" url="https://amposs.app.universalbeijingresort.com/images/miapp/icons/TB1kqRG1uL2gK0jSZPhXXahvXXa-21-36.png" a:if="{{arrow}}" width="14rpx" height="24rpx" />
      </view>
      <view class="ma-scenic-card-time font-Regular" a:if="{{dataItem.gemsCardResultDTO && !arrow && timeStatus.indexOf(dataItem.gemsCardResultDTO.status) > -1}}">
        <text a:if="{{['Open', 'Closed', 'Running'].includes(dataItem.gemsCardResultDTO.status) && dataItem.gemsCardResultDTO.openStartTime}}">{{`${landStatus[dataItem.gemsCardResultDTO.status]} ${dataItem.gemsCardResultDTO.openStartTime}-${dataItem.gemsCardResultDTO.openEndTime}`}}</text>
        <text a:if="{{!['Open', 'Closed', 'Running'].includes(dataItem.gemsCardResultDTO.status)}}">{{`${landStatus[dataItem.gemsCardResultDTO.status]}`}}</text>
      </view>
      <view class="ma-scenic-card-description font-Light {{arrow ? '' : 'ma-scenic-card-description-one'}}" style="height: {{arrow ? '94rpx' : ''}}">
        <rich-text nodes="{{nodes}}" a:if="{{arrow}}"></rich-text>
        <text number-of-lines="{{dataItem.gemsCardResultDTO && timeStatus.indexOf(dataItem.gemsCardResultDTO.status) > -1 ? 1 : 2}}" a:else>{{description || dataItem.description}}</text>
      </view>
    </view>
  </view>
</exp>
<exp a:if="{{type === 'goods'}}" appearParam="{{appearParam}}" onAppear="onAppear">
  <view class="ma-goods-card {{className}}" data-id="{{contentDetailId || dataItem.contentDetailId}}" data-type="{{dataItem.templateType || dataItem.fkProjectTypeId}}" data-drag="{{dataItem.contentType}}" onTap="handelToDetail">
    <!--<ma-image a:if="{{ projectTag || dataItem.projectTag}}" className="ma-goods-card-icon" url="{{icons[projectTag || dataItem.projectTag]}}" width="110rpx" height="40rpx" lazyLoad="{{lazyLoad}}" />-->
    <ma-tag a:if="{{tagName || dataItem.tagName}}" className="ma-goods-card-icon" type="angle" tagName="{{tagName || dataItem.tagName }}" backgroundColor="{{nameColor || dataItem.nameColor}}" />
    <ma-image url="{{backgroupImgUrl || dataItem.backgroupImgUrl}}" width="280rpx" height="280rpx" className="ma-goods-card-img" lazyLoad="{{lazyLoad}}" defaultSource="{{smallDefaultSource}}" />
    <view class="ma-goods-card-title font-Semibold">
      <text-with-marks style="lineHeight: 40rpx" text="{{projectName || dataItem.projectName}}" />
    </view>
    <view a:if="{{showPrice && (price || dataItem.price)}}" class="ma-goods-card-description font-Regular">
      <text>¥ {{price || dataItem.price}} {{projectType || dataItem.projectType === 4 ? "/ 人" : "起"}}</text>
    </view>
  </view>
</exp>
<view a:if="{{type === 'search'}}" class="ma-search-card {{className}}" data-id="{{contentDetailId || dataItem.contentDetailId}}" data-type="{{dataItem.templateType}}" data-drag="{{dataItem.contentType}}" onTap="handelToDetail">
  <ma-image url="{{ backgroupImgUrl || dataItem.backgroupImgUrl}}" width="140rpx" height="140rpx" lazyLoad="{{lazyLoad}}" defaultSource="{{smallDefaultSource}}" />
  <ma-tag index="{{index}}" className="search-tag" a:if="{{hotSort}}" />
  <view class="ma-search-card-content">
    <view class="ma-search-card-titel font-Semibold">
      <text number-of-lines="{{2}}">
        <text-with-marks text="{{ projectName || dataItem.projectName}}" />
      </text>
    </view>
    <ma-tag type="capsule" class="search-capsule-tag" a:if="{{capsuleList || dataItem.capsuleList || tagName || dataItem.tagName}}" list="{{capsuleList || dataItem.capsuleList}}" tagName="{{tagName || dataItem.tagName }}" backgroundColor="{{backgroundColor || dataItem.backgroundColor}}" nameColor="{{nameColor || dataItem.nameColor}}" />
  </view>
</view>

<exp a:if="{{type === 'special'}}" appearParam="{{appearParam}}" onAppear="onAppear">
  <view class="ma-special-card {{className}}" style="background: {{showTheme ? 'rgba(255, 255, 255, 0.1)': '#F9F9F9' }}" data-id="{{contentDetailId || dataItem.contentDetailId}}" data-type="{{dataItem.templateType}}" data-drag="{{dataItem.contentType}}" onTap="handelToDetail">
    <ma-tag a:if="{{tagName || dataItem.tagName}}" className="ma-special-card-icon" type="angle" tagName="{{tagName || dataItem.tagName }}" backgroundColor="{{nameColor || dataItem.nameColor}}" />
    <ma-image url="{{backgroupImgUrl || dataItem.backgroupImgUrl}}" width="280rpx" height="280rpx" className="ma-goods-card-img" lazyLoad="{{lazyLoad}}" defaultSource="{{smallDefaultSource}}" mode="scaleToFill" />
    <view class="ma-special-card-content" style="color: {{showTheme ? '#ffffff' : '#333333'}}">
      <view class="ma-special-card-titel font-XiangHe-XBlack">
        <text number-of-lines="{{2}}">
          <text-with-marks text="{{ projectName || dataItem.projectName}}" />
        </text>
      </view>
      <view class="ma-special-card-description font-Regular">
        <text a:if="{{price || dataItem.price}}">¥ {{price || dataItem.price}} {{projectType || dataItem.projectType === 4 ? "/ 人" : "起"}}</text>
        <view a:if="{{ (projectType || dataItem.projectType === 1) && dataItem.rate != 0 }}" style="display: flex; align-items: center">
          <text number-of-lines="{{1}}" style="margin-right: 8rpx">刺激程度</text>
          <ma-rate value="{{ rate || dataItem.rate }}" activeColor="#ffffff" color="rgba(255,255,255,0.3)" />
        </view>
        <text a:if="{{(dataItem.projectType === 2 || dataItem.projectType === 10) && dataItem.gemsCardResultDTO && !!dataItem.gemsCardResultDTO.performanceDuration}}">
          演出时长{{dataItem.gemsCardResultDTO.performanceDuration}}分钟
        </text>
      </view> 
    </view>
  </view>
</exp>

<exp a:if="{{type === 'live'}}" appearParam="{{appearParam}}" onAppear="onAppear">
  <view class="ma-live-card {{className}}" onTap="handelToLive">
    <ma-image url="{{backgroupImgUrl || dataItem.backgroupImgUrl}}" width="670rpx" height="376rpx" className="ma-live-card-img" lazyLoad="{{lazyLoad}}" defaultSource="{{largeDefaultSource}}" />
    <view class="ma-live-content">
      <view class="ma-live-title font-XiangHe-XBlack">{{projectName || dataItem.projectName}}</view>
      <view class="ma-live-desc font-Medium">{{description || dataItem.description}}</view>
      <view class="ma-live-date font-Semibold">{{date || dataItem.date}}</view>
      <ma-icon className="ma-live-icon" url='https://amposs.app.universalbeijingresort.com/image/20210201/58e6f8f8-9810-4d8d-a1a7-59ea27faaed6.png' width="136rpx" height="48rpx" />
    </view>
  </view>
</exp>

<exp a:if="{{type === 'landreserve'}}" appearParam="{{appearParam}}" onAppear="onAppear">
  <view class="ma-land-card {{className}}" onTap="handelToLandReserve">
    <ma-image url="{{backgroupImgUrl || dataItem.backgroupImgUrl}}" width="670rpx" height="420rpx" className="ma-land-card-img" lazyLoad="{{lazyLoad}}" defaultSource="{{landReserveSource}}" mode="aspectFit" />
    <view class="ma-land-content">
      <view class="ma-land-title font-XiangHe-XBlack {{dataItem.scenicType === 3 ||  dataItem.scenicType === 7 ? 'swiper-item-content-kf' : dataItem.scenicType === 6 ? 'minions' : '' }}">{{projectName || dataItem.projectName}}</view>
      <ma-icon className="ma-land-icon" url='https://amposs.app.universalbeijingresort.com/image/20210201/38d78dee-a7bf-4758-9da1-55196e276650.png' width="128rpx" height="48rpx" />
    </view>
  </view>
</exp>

