finish sidebar router push

This commit is contained in:
2025-04-05 20:49:50 +08:00
parent 20d4fa12d8
commit 292c73e757
8 changed files with 102 additions and 69 deletions

View File

@@ -46,30 +46,31 @@
</template>
<script lang="ts" setup>
import { computed, ref } from 'vue';
import { computed, ref } from "vue";
interface Props {
width?: string | number
height?: string | number
width?: string | number;
height?: string | number;
}
const props = withDefaults(defineProps<Props>(), {
width: 160,
height: 160,
})
});
const btnStatus = ref([false, false, false, false, false, false])
const btnStatus = ref([false, false, false, false, false, false]);
const btnLocation = computed(() => {
return btnStatus.value.map((status) => { return status ? 7.025 : 8.325 })
})
return btnStatus.value.map((status) => {
return status ? 7.025 : 8.325;
});
});
function setBtnStatus(btnNum: number, isOn: boolean): void {
btnStatus.value[btnNum] = isOn
btnStatus.value[btnNum] = isOn;
}
function toggleBtnStatus(btnNum: number): void {
btnStatus.value[btnNum] = !btnStatus.value[btnNum]
btnStatus.value[btnNum] = !btnStatus.value[btnNum];
}
</script>
<style scoped lang="postcss">