livestream-miniapp/miniprogram/components/card/card.wxml

<!--components/card/card.wxml-->
<view class="card-container">
  <t-image src="{{cover}}"   data-id='{{cardId}}' data-status="{{status}}" shape="round" loading="slot" mode="aspectFill" width="100%" height="240px" class="card-image">
    <t-loading slot="loading" theme="circular" size="40rpx" loading />
  </t-image>
  <view class="card-info">
    <view class="title">
      <text class="hero">{{name}}</text>
      <text class="note">最后带看：{{status === 1 ? '进行中' : lastTime}}</text>
    </view>
    <view class="actions">

      <button bindtap="gotoRoom" data-id='{{cardId}}' data-status="{{status}}" class="card-btn {{status === 1 ? 'active' : ''}}" wx:if="{{!isHoster}}">
        {{ status === 1 ? '加入带看' : '自由参观' }}
      </button>
      <button bindtap="gotoRoom" data-id='{{cardId}}' data-status="{{status}}" class="card-btn active" wx:else>
        开始带看
      </button>
    </view>
  </view>

</view>