Template
1
0
mirror of https://github.com/un-pany/v3-admin-vite.git synced 2025-04-21 11:29:20 +08:00

style: 统一 defineProps API 用法

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

View File

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

View File

@ -1,5 +1,5 @@
<script lang="ts" setup>
defineProps({
const props = defineProps({
collapse: {
type: Boolean,
default: true
@ -8,9 +8,9 @@ defineProps({
</script>
<template>
<div class="sidebar-logo-container" :class="{ collapse: collapse }">
<div class="sidebar-logo-container" :class="{ collapse: props.collapse }">
<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" />
</router-link>
<router-link v-else key="expand" class="sidebar-logo-link" to="/">