代码跟新

surprise

2024-04-18 38efe35fc499fcb4b828acca1d7bda5d051ace6f

 src/components/props/btns.vue

@@ -2,62 +2,57 @@
  <div id="moved">
    <div class="containerBtn">
      <div>
        <span
          v-show="boxindex == 1"
        <span v-show="boxindex == 1"
          v-for="(item, index) in oneindex"
          :key="index"
          class="ischoose"
          @click="choosebtn(index)"
        >
          <span class="icon" :style="{ background: `url(${item.src})` }"></span>
              @click="choosebtn(index)">
          <span class="icon"
                :style="{ background: `url(${item.src})` }"></span>
          {{ item.name }}
        </span>
      </div>
      <div>
        <span
          v-show="boxindex == 2"
        <span v-show="boxindex == 2"
          v-for="(item, index) in twoindex"
          :key="index"
          class="ischoose"
          @click="choosebtn1(index)"
        >
          <span class="icon" :style="{ background: `url(${item.src})` }"></span>
              @click="choosebtn1(index)">
          <span class="icon"
                :style="{ background: `url(${item.src})` }"></span>
          {{ item.name }}
        </span>
      </div>
      <div>
        <span
          v-show="boxindex == 3"
        <span v-show="boxindex == 3"
          v-for="(item, index) in threeindex"
          :key="index"
          class="ischoose"
          @click="choosebtn2(index)"
        >
          <span class="icon" :style="{ background: `url(${item.src})` }"></span>
              @click="choosebtn2(index)">
          <span class="icon"
                :style="{ background: `url(${item.src})` }"></span>
          {{ item.name }}
        </span>
      </div>
      <div>
        <span
          v-show="boxindex == 4"
        <span v-show="boxindex == 4"
          v-for="(item, index) in fourindex"
          :key="index"
          class="ischoose"
          @click="choosebtn3(index)"
        >
          <span class="icon" :style="{ background: `url(${item.src})` }"></span>
              @click="choosebtn3(index)">
          <span class="icon"
                :style="{ background: `url(${item.src})` }"></span>
          {{ item.name }}
        </span>
      </div>
      <div>
        <span
          v-show="boxindex == 5"
        <span v-show="boxindex == 5"
          v-for="(item, index) in fiveindex"
          :key="index"
          class="ischoose"
          @click="choosebtn4(index)"
        >
          <span class="icon" :style="{ background: `url(${item.src})` }"></span>
              @click="choosebtn4(index)">
          <span class="icon"
                :style="{ background: `url(${item.src})` }"></span>
          {{ item.name }}
        </span>
      </div>
@@ -180,6 +175,7 @@
  },
  methods: {
    choosebtn(index) {
      alert(index)
      if (index === 2) {
        this.nowchoose = 1;
        bus.$emit("showdio", this.nowchoose);