fix: 修改部分样式

zhangxiao

2024-08-26 57b66478e7e335379435b31c20da4619bd1411f5

 src/views/components/the-a-tabs/index.vue

@@ -1,6 +1,8 @@
<template>
    <div>
        <p v-for="(item, key) in data" :key="key" :class="index === key ? 'active' : ''">{{ item }}</p>
        <p v-for="(item, key) in data" :key="key" :class="index === key ? 'active' : ''" @click="handleChange(key)">
            {{ item }}
        </p>
    </div>
</template>
<script lang="ts" setup name="TheATabs">
@@ -14,6 +16,13 @@
        data: () => []
    }
);
const emits = defineEmits<{
    (e: "handleChange", index: number): void;
}>();
const handleChange = (index: number) => {
    if (props.index === index) return;
    emits("handleChange", index);
};
</script>
<style lang="scss" scoped>
div {