Card
Title
Kristy is an art director living in New York.Veronika Ossi Is a living in New York WuMeiShi, her favorite cat, music and the party.
Meng dogs have a variety of shapes and sizes. Some puppies look adorable stay because make love, pity others because of short of stature. There are even some people who can be stupid because of their huge body shapes.
Many people also have their own barometers for what makes a cute dog.
<fish-card fluid>
<div slot="header">Title</div>
Kristy is an art director living in New York.<br/>
Veronika OssiIs a living in New York WuMeiShi, her favorite cat, music and the party.
Meng dogs have a variety of shapes and sizes. Some puppies look adorable stay because make love, pity others because of short of stature.
There are even some people who can be stupid because of their huge body shapes.
<br/>
Many people also have their own barometers for what makes a cute dog.
<div slot="footer">
<fish-button>GO-Back</fish-button>
</div>
</fish-card>Elliot Fu
好友
Kristy is an art director living in New York.Veronika OssiIs a living in New York WuMeiShi, her favorite cat, music and the party.
Meng dogs have a variety of shapes and sizes. Some puppies look adorable stay because make love, pity others because of short of stature. There are even some people who can be stupid because of their huge body shapes.
Many people also have their own barometers for what makes a cute dog.
<fish-card>
<h4>Elliot Fu</h4>
<p>好友</p>
Kristy is an art director living in New York.<br/>
Veronika OssiIs a living in New York WuMeiShi, her favorite cat, music and the party.
Meng dogs have a variety of shapes and sizes. Some puppies look adorable stay because make love, pity others because of short of stature.
There are even some people who can be stupid because of their huge body shapes.
<br/>
Many people also have their own barometers for what makes a cute dog.
</fish-card>Title Color
Kristy is an art director living in New York.Veronika Ossi Is a living in New York WuMeiShi, her favorite cat, music and the party.
Meng dogs have a variety of shapes and sizes. Some puppies look adorable stay because make love, pity others because of short of stature. There are even some people who can be stupid because of their huge body shapes.
<fish-card color="blue">
<div slot="header"><strong>Title Color</strong></div>
Kristy is an art director living in New York.<br/>
Veronika Ossi Is a living in New York WuMeiShi, her favorite cat, music and the party. <br/>
Meng dogs have a variety of shapes and sizes. Some puppies look adorable stay because make love,
pity others because of short of stature. There are even some people who can be stupid because of their huge body shapes.
</fish-card>Title Color
Kristy is an art director living in New York.Veronika Ossi Is a living in New York WuMeiShi, her favorite cat, music and the party.
Meng dogs have a variety of shapes and sizes. Some puppies look adorable stay because make love, pity others because of short of stature. There are even some people who can be stupid because of their huge body shapes.
Title Color
Kristy is an art director living in New York.Veronika Ossi Is a living in New York WuMeiShi, her favorite cat, music and the party.
Meng dogs have a variety of shapes and sizes. Some puppies look adorable stay because make love, pity others because of short of stature. There are even some people who can be stupid because of their huge body shapes.
Title Color
Veronika Ossi Is a living in New York WuMeiShi, her favorite cat, music and the party.
Title Color
Kristy is an art director living in New York.Veronika Ossi Is a living in New York WuMeiShi, her favorite cat, music and the party.
Meng dogs have a variety of shapes and sizes. Some puppies look adorable stay because make love, pity others because of short of stature. There are even some people who can be stupid because of their huge body shapes.
<fish-cards cols="two">
<fish-card>
<div slot="header"><strong>Title Color</strong></div>
Kristy is an art director living in New York.<br/>
Veronika Ossi Is a living in New York WuMeiShi, her favorite cat, music and the party. <br/>
Meng dogs have a variety of shapes and sizes. Some puppies look adorable stay because make love,
pity others because of short of stature. There are even some people who can be stupid because of their huge body shapes.
</fish-card>
<fish-card color="blue">
<div slot="header"><strong>Title Color</strong></div>
Kristy is an art director living in New York.<br/>
Veronika Ossi Is a living in New York WuMeiShi, her favorite cat, music and the party. <br/>
Meng dogs have a variety of shapes and sizes. Some puppies look adorable stay because make love,
pity others because of short of stature. There are even some people who can be stupid because of their huge body shapes.
</fish-card>
<fish-card color="green">
<div slot="header"><strong>Title Color</strong></div>
Kristy is an art director living in New York.<br/>
Veronika Ossi Is a living in New York WuMeiShi, her favorite cat, music and the party. <br/>
Meng dogs have a variety of shapes and sizes. Some puppies look adorable stay because make love,
pity others because of short of stature. There are even some people who can be stupid because of their huge body shapes.
</fish-card>
<fish-card color="red">
<div slot="header"><strong>Title Color</strong></div>
Kristy is an art director living in New York.<br/>
Veronika Ossi Is a living in New York WuMeiShi, her favorite cat, music and the party. <br/>
Meng dogs have a variety of shapes and sizes. Some puppies look adorable stay because make love,
pity others because of short of stature. There are even some people who can be stupid because of their huge body shapes.
</fish-card>
</fish-cards>
<fish-card>
<strong slot="header">Elliot requested permission</strong>
<img src="https://os.alipayobjects.com/rmsportal/QBnOOoLaAfKPirc.png" slot="image" width="100%"/>
</fish-card><fish-card>
<img src="https://os.alipayobjects.com/rmsportal/QBnOOoLaAfKPirc.png" slot="image" width="100%"/>
Elliot requested permission to view your contact details
</fish-card>xxxxxxx
xxxxxxx
<fish-card nopadding>
<strong slot="header">Card Tabs</strong>
<fish-tabs type="card" value="role" nav-center>
<fish-tab-pane label="User" index="user">User<br/>xxxxxxx</fish-tab-pane>
<fish-tab-pane label="Role" index="role">Role</fish-tab-pane>
<fish-tab-pane label="Config" index="config">Config</fish-tab-pane>
</fish-tabs>
</fish-card><template>
<fish-card>
<strong slot="header">Card table</strong>
<fish-table :columns="columns" :data="data"></fish-table>
</fish-card>
</template>
<script>
export default {
name: 'demo-table-base',
data () {
return {
columns: [{title: 'Name', key: 'name'},
{title: 'age', key: 'age'},
{title: 'Address', key: 'address'},
{title: 'Operate',
key: 'operate',
render: (h, record, column) => h('a', '编辑')}],
data: [
{name: 'yanbin.hu', age: 32, address: 'haidi part 1, xihu, Hangzhou'},
{name: 'yanzu.wu', age: 35, address: 'haidi part 5, xihu, Hangzhou'},
{name: 'yanzu.wu', age: 35, address: 'haidi part 5, xihu, Hangzhou'},
{name: 'yanzu.wu', age: 35, address: 'haidi part 5, xihu, Hangzhou'}
]
}
}
}
</script>Card Attributes
| {{column}} |
|---|
Card Slots
| {{column}} |
|---|