Card 卡片

卡片视图组件，组件名：uni-card，代码块： uCard。

使用方式：

在 script 中引用组件 

import uniCard from "@/components/uni-card/uni-card.vue"
export default {
    components: {uniCard}
}

一般用法

<uni-card 
    title="标题文字" 
    thumbnail="http://img-cdn-qiniu.dcloud.net.cn/new-page/uni.png" 
    extra="额外信息" 
    note="Tips">
    内容主体，可自定义内容及样式
</uni-card>

内容通栏

<uni-card 
    is-full="true" 
    title="DCloud" 
    thumbnail="http://img-cdn-qiniu.dcloud.net.cn/new-page/uni.png" 
    extra="2018.12.12"
    note="Tips">
    内容主体，可自定义内容及样式，内容主体，可自定义内容及样式，内容主体，可自定义内容及样式
</uni-card>

uniCard 属性说明：

属性名 类型 默认值 说明
title String - 标题文字
extra String - 标题额外信息
note String - 底部信息
thumbnail String - 标题左侧缩略图
is-full Boolean false 卡片内容是否通栏，为true时将去除padding值

uniCard 事件说明：

事件称名 说明 返回参数
click 点击 uniCard 触发事件 -

Tips

隐私、权限及商业化声明

1. 本插件需要申请的手机端权限列表：

无

2. 本插件采集的手机端数据、发送的服务器地址、以及数据用途说明：

无

3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

无

评论列表 撰写评论
加载更多...
插件问答

使用中有什么不明白的地方，就向插件作者提问吧~ 我要提问