pull/9/head
ruibaby 2019-04-10 20:32:00 +08:00
parent e3d7acf317
commit 0d6e3572c7
3 changed files with 59 additions and 11 deletions

View File

@ -24,7 +24,7 @@ const Item = {
type: Number
}
},
render () {
render() {
return (
<Col {...{ props: responsive[this.col] }}>
<div class="term">{this.$props.term}</div>
@ -69,7 +69,7 @@ export default {
default: 'horizontal'
}
},
provide () {
provide() {
return {
col: this.col > 4 ? 4 : this.col
}

View File

@ -35,4 +35,4 @@ export default {
}
}
</style>
</style>

View File

@ -1,42 +1,90 @@
<template>
<page-view>
<a-row :gutter="12" type="flex" align="middle">
<a-col class="attachment-item" :xl="4" :lg="4" :md="12" :sm="12" :xs="24">
<a-col
class="attachment-item"
:xl="4"
:lg="4"
:md="12"
:sm="12"
:xs="24">
<a-card :bodyStyle="{ padding: '14px' }">
<img :src="src" slot="cover">
</a-card>
</a-col>
<a-col class="attachment-item" :xl="4" :lg="4" :md="12" :sm="12" :xs="24">
<a-col
class="attachment-item"
:xl="4"
:lg="4"
:md="12"
:sm="12"
:xs="24">
<a-card :bodyStyle="{ padding: '14px' }">
<img :src="src" slot="cover">
</a-card>
</a-col>
<a-col class="attachment-item" :xl="4" :lg="4" :md="12" :sm="12" :xs="24">
<a-col
class="attachment-item"
:xl="4"
:lg="4"
:md="12"
:sm="12"
:xs="24">
<a-card :bodyStyle="{ padding: '14px' }">
<img :src="src" slot="cover">
</a-card>
</a-col>
<a-col class="attachment-item" :xl="4" :lg="4" :md="12" :sm="12" :xs="24">
<a-col
class="attachment-item"
:xl="4"
:lg="4"
:md="12"
:sm="12"
:xs="24">
<a-card :bodyStyle="{ padding: '14px' }">
<img :src="src" slot="cover">
</a-card>
</a-col>
<a-col class="attachment-item" :xl="4" :lg="4" :md="12" :sm="12" :xs="24">
<a-col
class="attachment-item"
:xl="4"
:lg="4"
:md="12"
:sm="12"
:xs="24">
<a-card :bodyStyle="{ padding: '14px' }">
<img :src="src" slot="cover">
</a-card>
</a-col>
<a-col class="attachment-item" :xl="4" :lg="4" :md="12" :sm="12" :xs="24">
<a-col
class="attachment-item"
:xl="4"
:lg="4"
:md="12"
:sm="12"
:xs="24">
<a-card :bodyStyle="{ padding: '14px' }">
<img :src="src" slot="cover">
</a-card>
</a-col>
<a-col class="attachment-item" :xl="4" :lg="4" :md="12" :sm="12" :xs="24">
<a-col
class="attachment-item"
:xl="4"
:lg="4"
:md="12"
:sm="12"
:xs="24">
<a-card :bodyStyle="{ padding: '14px' }">
<img :src="src" slot="cover">
</a-card>
</a-col>
<a-col class="attachment-item" :xl="4" :lg="4" :md="12" :sm="12" :xs="24">
<a-col
class="attachment-item"
:xl="4"
:lg="4"
:md="12"
:sm="12"
:xs="24">
<a-card :bodyStyle="{ padding: '14px' }">
<img :src="src" slot="cover">
</a-card>