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="{{['d']}}" u-i="74234dfc-21" bind:__l="__l" u-p="{{O}}"><uni-card wx:if="{{N}}" u-s="{{['cover','d']}}" u-i="74234dfc-22,74234dfc-21" bind:__l="__l" u-p="{{N}}"><view class="custom-cover" slot="cover"><image class="cover-image" mode="aspectFill" src="{{E}}"></image><view class="cover-content"><text class="uni-subtitle uni-white">今日新闻热点</text></view></view><uni-list u-s="{{['d']}}" u-i="74234dfc-23,74234dfc-22" bind:__l="__l"><uni-list-item wx:if="{{F}}" u-i="74234dfc-24,74234dfc-23" bind:__l="__l" u-p="{{F}}"></uni-list-item><uni-list-item wx:if="{{G}}" u-i="74234dfc-25,74234dfc-23" bind:__l="__l" u-p="{{G}}"></uni-list-item></uni-list><view slot="actions" class="card-actions no-border"><view class="card-actions-item" bindtap="{{I}}"><uni-icons wx:if="{{H}}" u-i="74234dfc-26,74234dfc-22" bind:__l="__l" u-p="{{H}}"></uni-icons><text class="card-actions-item-text">分享</text></view><view class="card-actions-item" bindtap="{{K}}"><uni-icons wx:if="{{J}}" u-i="74234dfc-27,74234dfc-22" bind:__l="__l" u-p="{{J}}"></uni-icons><text class="card-actions-item-text">点赞</text></view><view class="card-actions-item" bindtap="{{M}}"><uni-icons wx:if="{{L}}" u-i="74234dfc-28,74234dfc-22" bind:__l="__l" u-p="{{L}}"></uni-icons><text class="card-actions-item-text">评论</text></view></view></uni-card></uni-section></view> |