vant-weapp/packages/card/index.wxml
Yao 66d6f4fc03
[improvement] 增加部分组件自定义样式类,方便自定义样式 (#352)
* 增加自定义样式类,并开放部分,在文档上体现

* 增加 cell 外部样式类说明

* 增加自定义样式类
2018-07-10 16:25:47 +08:00

34 lines
1003 B
Plaintext

<view class="card-class zan-card">
<!-- 左侧图片 -->
<view class="thumb-class zan-card__thumb">
<image class="zan-card__img"
src="{{ thumb }}"
mode="aspectFit"
></image>
</view>
<!-- 右侧详情 -->
<view class="zan-card__detail">
<slot wx:if="{{ useDetailSlot }}" name="detail-slot"></slot>
<block wx:else>
<view class="zan-card__detail-row">
<view class="zan-card__right-col">¥ {{ price }}</view>
<view class="zan-card__left-col zan-ellipsis--l2">
{{ title }}
</view>
</view>
<view class="zan-card__detail-row zan-c-gray-darker">
<view wx:if="{{ num }}" class="zan-card__right-col">x {{ num }}</view>
<view wx:if="{{ desc }}" class="zan-card__left-col">
{{ desc }}
</view>
</view>
<view wx:if="{{ status }}" class="zan-card__detail-row">
<view class="zan-card__left-col zan-c-red">{{ status }}</view>
</view>
</block>
</view>
</view>