代码演示

基本形式

卡片 card - 图1

  1. <ui.card title="报价信息">
    <card.tools><a on-click="{this.test()}" href='javascript:;' style='font-size: 12px'>点击跳转</a></card.tools>
    <ui.card title="基本信息" isShowBtLine="{true}"><card.tools><a on-click="{this.test()}" href='javascript:;' style='font-size: 12px'>点击跳转</a></card.tools>xxxxx</ui.card>
    <ui.card title="基本费用" isShowBtLine="{true}">xxxxx</ui.card>
    </ui.card>

子card前面不缩进

卡片 card - 图2

  1. <ui.card title="报价信息" isShowLine={false}>
    <ui.card title="基本信息" isIndent={false} isShowBtLine="{true}">xxxxx</ui.card>
    <ui.card title="基本费用" isIndent={false} isShowBtLine="{true}">xxxxx</ui.card>
    </ui.card>

嵌套多层

卡片 card - 图3

  1. <ui.card title="公司认证" isShowLine="{false}" >
    <ui.card title="公司认证信息" isShowBtLine="{false}">
    <ui.card title="公司基础信息" isShowLine="{true}" isShowBtLine="{false}">xxxxx</ui.card>
    </ui.card>
    </ui.card>

API

Classes

Functions

Card

Kind: global classExtend: Component

new Card()

ParamTypeDescription
[options.data]object= 绑定属性
[options.data.class]string=> 补充class
[options.data.isShowLine]boolean=> 控制展示title之前的竖线,默认展示出来
[options.data.isShowBtLine]boolean=> 控制展示title下发的横线,默认不展示出来
[options.data.isIndent]boolean=> 控制子模块的title是否缩进

config()

Kind: global functionAccess: protected