兰宝车间质量管理系统-前端
疯狂的狮子Li
2023-04-03 97187b246b94dd58cb585ebaed7e8644d2f00119
src/components/Hamburger/index.vue
@@ -1,17 +1,3 @@
<script setup lang="ts">
defineProps({
  isActive: {
    type: Boolean,
    default: false
  }
})
const emit = defineEmits(['toggleClick'])
const toggleClick = () => {
  emit('toggleClick');
}
</script>
<template>
  <div style="padding: 0 15px;" @click="toggleClick">
    <svg :class="{'is-active':isActive}" class="hamburger" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="64" height="64">
@@ -22,6 +8,20 @@
  </div>
</template>
<script setup lang="ts">
defineProps({
    isActive: {
        type: Boolean,
        default: false
    }
})
const emit = defineEmits(['toggleClick'])
const toggleClick = () => {
    emit('toggleClick');
}
</script>
<style scoped>
.hamburger {
  display: inline-block;