@rrc-materials/card

0.2.0 • Public • Published

showNav: true

Card

@rrc-materials/card for rrc

普通

::: demo

<rc-card title="车辆信息">
  <rc-list>
    <rc-item label="id" >{{ $route.params.id }}</rc-item>
    <rc-item label="车商姓名" >Lily</rc-item>
    <rc-item label="车商手机号">133662138888</rc-item>
    <rc-item label="车商城市">北京市</rc-item>
    <rc-item label="备注">暂无</rc-item>
    <rc-item label="车商姓名">Lily</rc-item>
    <rc-item label="车商手机号">133662138888</rc-item>
  </rc-list>
</rc-card>
<rc-card title="客户信息" no-line>
  <rc-list>
    <rc-item label="姓名" >renhong</rc-item>
    <rc-item label="地址">北京市朝阳区铁建广场B座</rc-item>
  </rc-list>
</rc-card>

:::

带footer

::: demo

<rc-card title="车辆信息">
  <rc-list>
    <rc-item label="id" >{{ $route.params.id }}</rc-item>
    <rc-item label="车商姓名" >Lily</rc-item>
    <rc-item label="车商手机号">133662138888</rc-item>
    <rc-item label="车商城市">北京市</rc-item>
    <rc-item label="备注">暂无</rc-item>
    <rc-item label="车商姓名">Lily</rc-item>
    <rc-item label="车商手机号">133662138888</rc-item>
  </rc-list>
  <rc-card-footer>
    <el-button size="small">返回</el-button>
    <el-button
      size="small"
      type="primary">确认</el-button>
  </rc-card-footer>
</rc-card>

:::

Attributes

参数 说明 可选值 类型 默认值
title Card标题 - String -
hasFooter 是否有底部 - Boolbean -

Dom Attr

参数 说明 可选值 类型 默认值
no-line 隐藏底部横线 - - -
padding - - - -

Readme

Keywords

Package Sidebar

Install

npm i @rrc-materials/card

Weekly Downloads

7

Version

0.2.0

License

ISC

Unpacked Size

4.25 kB

Total Files

4

Last publish

Collaborators

  • rrc-fe
  • xierenhong