| | |
| | | <template> |
| | | <BaseCard type="btn" size="medium" direction="right" @click="handleClick"> |
| | | <BaseCard |
| | | type="btn" |
| | | size="medium" |
| | | :direction="direction" |
| | | @click="handleClick" |
| | | > |
| | | <template #content> |
| | | <div class="card-btn"> |
| | | <img :src="src" class="ff-img m-b-8" /> |
| | | <span v-for="(item, index) in name" :key="index"> {{ item }}</span> |
| | | <span v-for="item in name" :key="item"> {{ item }}</span> |
| | | </div> |
| | | </template> |
| | | </BaseCard> |
| | |
| | | name: String, |
| | | direction: { |
| | | type: String, |
| | | default: 'left' |
| | | default: 'right' |
| | | } |
| | | }, |
| | | emits: ['click'], |
| | | data() { |
| | | return { |
| | | src: this.direction ? shrinkLeft : shrinkRight |
| | | src: this.direction == 'right' ? shrinkRight : shrinkLeft |
| | | }; |
| | | }, |
| | | computed: {}, |