1 line
5.3 KiB
Plaintext
1 line
5.3 KiB
Plaintext
|
<view class="container"><uni-card wx:if="{{a}}" u-s="{{['d']}}" u-i="74234dfc-0" bind:__l="__l" u-p="{{a}}"><text class="uni-h6">卡片组件通用来显示完整独立的一段信息，同时让用户理解他的作用。例如一篇文章的预览图、作者信息、时间等，卡片通常是更复杂和更详细信息的入口点。</text></uni-card><uni-section wx:if="{{c}}" u-s="{{['d']}}" u-i="74234dfc-1" bind:__l="__l" u-p="{{c}}"><uni-card wx:if="{{b}}" u-s="{{['d']}}" u-i="74234dfc-2,74234dfc-1" bind:__l="__l" u-p="{{b}}"><text class="uni-body">这是一个基础卡片示例，内容较少，此示例展示了一个没有任何属性不带阴影的卡片。</text></uni-card></uni-section><uni-section wx:if="{{e}}" u-s="{{['d']}}" u-i="74234dfc-3" bind:__l="__l" u-p="{{e}}"><uni-card wx:if="{{d}}" u-s="{{['d']}}" u-i="74234dfc-4,74234dfc-3" bind:__l="__l" u-p="{{d}}"><text class="uni-body">这是一个基础卡片示例，此示例展示了一个标题加标题额外信息的标准卡片。</text></uni-card></uni-section><uni-section wx:if="{{h}}" u-s="{{['d']}}" u-i="74234dfc-5" bind:__l="__l" u-p="{{h}}"><uni-card wx:if="{{g}}" u-s="{{['d']}}" bindclick="{{f}}" u-i="74234dfc-6,74234dfc-5" bind:__l="__l" u-p="{{g}}"><text class="uni-body">这是一个带头像和双标题的基础卡片，此示例展示了一个完整的卡片。</text></uni-card></uni-section><uni-section wx:if="{{j}}" u-s="{{['d']}}" u-i="74234dfc-7" bind:__l="__l" u-p="{{j}}"><uni-card wx:if="{{i}}" u-s="{{['d']}}" u-i="74234dfc-8,74234dfc-7" bind:__l="__l" u-p="{{i}}"><text class="uni-body">这是一个通栏卡片 ，通栏没有外边距，左右会贴合父元素。</text></uni-card></uni-section><uni-section wx:if="{{s}}" u-s="{{['d']}}" u-i="74234dfc-9" bind:__l="__l" u-p="{{s}}"><uni-card wx:if="{{r}}" u-s="{{['d']}}" bindclick="{{q}}" u-i="74234dfc-10,74234dfc-9" bind:__l="__l" u-p="{{r}}"><text class="uni-body">这是一个带封面和操作栏的卡片示例，此示例展示了封面插槽和操作栏插槽的用法。</text><view slot="actions" class="card-actions"><view class="card-actions-item" bindtap="{{l}}"><uni-icons wx:if="{{k}}" u-i="74234dfc-11,74234dfc-10" bind:__l="__l" u-p="{{k}}"></uni-icons><text class="card-actions-item-text">分享</text></view><view class="card-actions-item" bindtap="{{n}}"><uni-icons wx:if="{{m}}" u-i="74234dfc-12,74234dfc-10" bind:__l="__l" u-p="{{m}}"></uni-icons><text class="card-actions-item-text">点赞</text></view><view class="card-actions-item" bindtap="{{p}}"><uni-icons wx:if="{{o}}" u-i="74234dfc-13,74234dfc-10" bind:__l="__l" u-p="{{o}}"></uni-icons><text class="card-actions-item-text">评论</text></view></view></uni-card></uni-section><uni-section wx:if="{{D}}" u-s="{{['d']}}" u-i="74234dfc-14" bind:__l="__l" u-p="{{D}}"><uni-card wx:if="{{C}}" u-s="{{['title','d']}}" u-i="74234dfc-15,74234dfc-14" bind:__l="__l" u-p="{{C}}"><uni-list u-s="{{['d']}}" u-i="74234dfc-16,74234dfc-15" bind:__l="__l" slot="title"><uni-list-item wx:if="{{t}}" u-i="74234dfc-17,74234dfc-16" bind:__l="__l" u-p="{{t}}"/></uni-list><image style="width:100%" src="{{v}}"></image><text class="uni-body uni-mt-5">卡片组件通用来显示完整独立的一段信息，同时让用户理解他的作用。例如一篇文章的预览图、作者信息、时间等，卡片通常是更复杂和更详细信息的入口点。</text><view slot="actions" class="card-actions"><view class="card-actions-item" bindtap="{{x}}"><uni-icons wx:if="{{w}}" u-i="74234dfc-18,74234dfc-15" bind:__l="__l" u-p="{{w}}"></uni-icons><text class="card-actions-item-text">分享</text></view><view class="card-actions-item" bindtap="{{z}}"><uni-icons wx:if="{{y}}" u-i="74234dfc-19,74234dfc-15" bind:__l="__l" u-p="{{y}}"></uni-icons><text class="card-actions-item-text">点赞</text></view><view class="card-actions-item" bindtap="{{B}}"><uni-icons wx:if="{{A}}" u-i="74234dfc-20,74234dfc-15" bind:__l="__l" u-p="{{A}}"></uni-icons><text class="card-actions-item-text">评论</text></view></view></uni-card></uni-section><uni-section wx:if="{{O}}" u-s
|