finish sidebar router push
This commit is contained in:
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user