This commit is contained in:
梁灏 2018-06-20 18:07:28 +08:00
parent f3dc447b43
commit 4258a559c2
3 changed files with 9 additions and 9 deletions

View file

@ -9,7 +9,7 @@
<Cell title="标题二"> <Cell title="标题二">
<Icon type="trash-a" slot="icon"></Icon> <Icon type="trash-a" slot="icon"></Icon>
</Cell> </Cell>
<Cell title="标题三">六七十</Cell> <Cell><span style="color: #ff6600">六七十111</span></Cell>
<Cell title="标题四" selected></Cell> <Cell title="标题四" selected></Cell>
<Cell title="标题五"></Cell> <Cell title="标题五"></Cell>
<Cell title="标题六" disabled></Cell> <Cell title="标题六" disabled></Cell>

View file

@ -4,13 +4,11 @@
<slot name="icon"></slot> <slot name="icon"></slot>
</div> </div>
<div class="ivu-cell-main"> <div class="ivu-cell-main">
<div class="ivu-cell-title" v-if="title !== ''">{{ title }}</div> <div class="ivu-cell-title"><slot>{{ title }}</slot></div>
<div class="ivu-cell-label" v-if="label !== ''">{{ label }}</div> <div class="ivu-cell-label"><slot name="label">{{ label }}</slot></div>
<slot></slot>
</div> </div>
<div class="ivu-cell-footer"> <div class="ivu-cell-footer">
<span class="ivu-cell-extra" v-if="extra !== ''">{{ extra }}</span> <span class="ivu-cell-extra"><slot name="extra">{{ extra }}</slot></span>
<slot name="extra" v-else></slot>
</div> </div>
</div> </div>
</template> </template>

View file

@ -1,17 +1,19 @@
<template> <template>
<div :class="classes" tabindex="0"> <div :class="classes">
<a v-if="to" :href="linkUrl" class="ivu-cell-link" @click.prevent="handleClick"> <a v-if="to" :href="linkUrl" class="ivu-cell-link" @click.prevent="handleClick">
<CellItem :title="title" :label="label" :extra="extra"> <CellItem :title="title" :label="label" :extra="extra">
<slot name="icon" slot="icon"></slot> <slot name="icon" slot="icon"></slot>
<slot></slot> <slot slot="default"></slot>
<slot name="extra" slot="extra"></slot> <slot name="extra" slot="extra"></slot>
<slot name="label" slot="label"></slot>
</CellItem> </CellItem>
</a> </a>
<div class="ivu-cell-link" v-else> <div class="ivu-cell-link" v-else>
<CellItem :title="title" :label="label" :extra="extra"> <CellItem :title="title" :label="label" :extra="extra">
<slot name="icon" slot="icon"></slot> <slot name="icon" slot="icon"></slot>
<slot></slot> <slot slot="default"></slot>
<slot name="extra" slot="extra"></slot> <slot name="extra" slot="extra"></slot>
<slot name="label" slot="label"></slot>
</CellItem> </CellItem>
</div> </div>
<div class="ivu-cell-arrow" v-if="to"> <div class="ivu-cell-arrow" v-if="to">