代码演示

基本形式

<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前面不缩进

<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>

嵌套多层

<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

Card

Functions

config()

Card

Kind: global class
Extend: Component

new Card()

Param Type Description
[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 function
Access: protected

表格 →
想让文档更完善？ 来 GitHub 提个 PR 吧！