yyb
17 小时以前 5470429a79313630a7ddef601de1d89e7dada754
src/components/Hamburger/index.vue
@@ -1,8 +1,8 @@
<template>
  <div style="padding: 0 15px;" @click="toggleClick">
    <svg
      :class="{'is-active':isActive}"
      class="hamburger"
<template>
  <div class="hamburger-wrap" @click="toggleClick">
    <svg
      :class="{'is-active':isActive}"
      class="hamburger"
      viewBox="0 0 1024 1024"
      xmlns="http://www.w3.org/2000/svg"
      width="64"
@@ -28,15 +28,23 @@
}
</script>
<style scoped>
.hamburger {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
}
.hamburger.is-active {
  transform: rotate(180deg);
}
<style scoped>
.hamburger-wrap {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hamburger {
  display: inline-block;
  vertical-align: middle;
  width: 22px;
  height: 22px;
}
.hamburger.is-active {
  transform: rotate(180deg);
}
</style>