R524809
63 lines
2.1 KiB
Plaintext
63 lines
2.1 KiB
Plaintext
<view
|
|
class="worksheet-card worksheet-card--{{variant}}"
|
|
hover-class="worksheet-card--active"
|
|
hover-stay-time="100"
|
|
catchtap="onTap">
|
|
<block wx:if="{{variant === 'track'}}">
|
|
<view class="worksheet-card__top">
|
|
<image
|
|
wx:if="{{previewImg || img}}"
|
|
class="worksheet-card__cover"
|
|
src="{{previewImg || img}}"
|
|
mode="widthFix" />
|
|
<text wx:else class="worksheet-card__icon">{{icon}}</text>
|
|
|
|
<view
|
|
wx:if="{{ageBand || ageRange || difficulty}}"
|
|
class="worksheet-card__tags-track">
|
|
<text wx:if="{{ageBand || ageRange}}" class="tag tag--age"
|
|
>{{ageBand || ageRange}}</text
|
|
>
|
|
<text wx:if="{{difficulty}}" class="tag tag--diff"
|
|
>{{difficulty}}</text
|
|
>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="worksheet-card__body">
|
|
<text class="worksheet-card__title-track">{{title}}</text>
|
|
<text wx:if="{{subtitle}}" class="worksheet-card__sub"
|
|
>{{subtitle}}</text
|
|
>
|
|
</view>
|
|
</block>
|
|
|
|
<block wx:else>
|
|
<view
|
|
class="worksheet-card__preview"
|
|
style="background-color: {{previewBg}}">
|
|
<image
|
|
wx:if="{{img}}"
|
|
class="worksheet-card__img"
|
|
src="{{img}}"
|
|
mode="aspectFill" />
|
|
<text wx:else class="worksheet-card__preview-text"
|
|
>{{previewText}}</text
|
|
>
|
|
</view>
|
|
<view class="worksheet-card__title">{{title}}</view>
|
|
<view class="worksheet-card__tags">
|
|
<view
|
|
wx:if="{{ageRange}}"
|
|
class="worksheet-card__tag worksheet-card__tag--age"
|
|
>{{ageRange}}</view
|
|
>
|
|
<view
|
|
wx:if="{{difficulty}}"
|
|
class="worksheet-card__tag worksheet-card__tag--diff"
|
|
>{{difficulty}}</view
|
|
>
|
|
</view>
|
|
</block>
|
|
</view>
|