Riku
2025-07-13 4b275f2093954cc58bbc23e4fc67e67d6fe81c0b
src/components/CardButton.vue
@@ -1,9 +1,14 @@
<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>
@@ -18,13 +23,13 @@
    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: {},