代码演示

基本形式

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

子card前面不缩进

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

嵌套多层

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

API

Classes

JRCard

Constants

Component

JRCard 卡片

Functions

config()

JRCard

Kind: global class
Extend: Component

new JRCard()

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是否缩进

Component

JRCard 卡片

Kind: global constant

Author: zianecui@gmail.com

config()

Kind: global function
Access: protected

容器布局 →