admin/jdcProject_front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 统一 defineProps API 用法

Browse Source
This commit is contained in:
pany 2022-08-25 12:03:01 +08:00
parent df79aced55
commit cc4919f576
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/layout/components/Hamburger/index.vue
View File

@ -1,7 +1,7 @@
<script lang="ts" setup> <script lang="ts" setup>
import { Expand, Fold } from "@element-plus/icons-vue" import { Expand, Fold } from "@element-plus/icons-vue"
defineProps({ const props = defineProps({
isActive: { isActive: {
type: Boolean, type: Boolean,
default: false default: false
@ -20,7 +20,7 @@ const toggleClick = () => {
<template> <template>
<div @click="toggleClick"> <div @click="toggleClick">
<el-icon :size="20" class="icon"> <el-icon :size="20" class="icon">
<Fold v-if="isActive" /> <Fold v-if="props.isActive" />
<Expand v-else /> <Expand v-else />
</el-icon> </el-icon>
</div> </div>

6
src/layout/components/Sidebar/SidebarLogo.vue
View File

@ -1,5 +1,5 @@
<script lang="ts" setup> <script lang="ts" setup>
defineProps({ const props = defineProps({
collapse: { collapse: {
type: Boolean, type: Boolean,
default: true default: true
@ -8,9 +8,9 @@ defineProps({
</script> </script>
<template> <template>
<div class="sidebar-logo-container" :class="{ collapse: collapse }"> <div class="sidebar-logo-container" :class="{ collapse: props.collapse }">
<transition name="sidebarLogoFade"> <transition name="sidebarLogoFade">
<router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/"> <router-link v-if="props.collapse" key="collapse" class="sidebar-logo-link" to="/">
<img src="@/assets/layout/logo.png" class="sidebar-logo" /> <img src="@/assets/layout/logo.png" class="sidebar-logo" />
</router-link> </router-link>
<router-link v-else key="expand" class="sidebar-logo-link" to="/"> <router-link v-else key="expand" class="sidebar-logo-link" to="/">