fix: 修改闭合组件不规范的问题

This commit is contained in:
MTrun
2022-03-14 16:07:35 +08:00
parent 3747771078
commit 3a9f68384f
77 changed files with 395 additions and 332 deletions
+3 -3
View File
@@ -2,10 +2,10 @@
<div class="go-project">
<n-layout has-sider position="absolute">
<n-space vertical>
<Sider />
<Sider></Sider>
</n-space>
<n-layout>
<HeaderPro />
<HeaderPro></HeaderPro>
<n-layout
id="go-project-content-top"
class="content-top"
@@ -14,7 +14,7 @@
>
<n-layout-content>
<TransitionMain>
<router-view />
<router-view></router-view>
</TransitionMain>
</n-layout-content>
</n-layout>
@@ -9,7 +9,7 @@
:hidden="['remove']"
@close="deleteHanlde"
@resize="resizeHandle"
/>
></MacOsControlBtn>
</div>
<!-- 中间 -->
<div class="list-content-img" @click="resizeHandle">
@@ -22,7 +22,7 @@
"
:alt="cardData.title"
:fallback-src="requireErrorImg()"
/>
></n-image>
</div>
</div>
<template #action>
@@ -37,7 +37,7 @@
class="animation-twinkle"
dot
:color="cardData.release ? '#34c749' : '#fcbc40'"
/>
></n-badge>
{{
cardData.release
? $t('project.release')
@@ -56,7 +56,7 @@
>
<n-button size="small">
<template #icon>
<component :is="item.icon" />
<component :is="item.icon"></component>
</template>
</n-button>
</n-dropdown>
@@ -66,7 +66,7 @@
<template #trigger>
<n-button size="small" @click="handleSelect(item.key)">
<template #icon>
<component :is="item.icon" />
<component :is="item.icon"></component>
</template>
</n-button>
</template>
@@ -7,12 +7,12 @@
responsive="screen"
>
<n-grid-item v-for="(item, index) in list" :key="item.id">
<Card
<card
:cardData="item"
@resize="resizeHandle"
@delete="deleteHandle($event, index)"
@edit="editHandle"
/>
></card>
</n-grid-item>
</n-grid>
</div>
@@ -22,7 +22,7 @@
:cardData="modalData"
@close="closeModal"
@edit="editHandle"
/>
></ModalCard>
</template>
<script setup lang="ts">
@@ -21,7 +21,7 @@
:narrow="true"
:hidden="['close']"
@remove="closeHandle"
/>
></MacOsControlBtn>
</n-space>
<!-- 中间 -->
<div class="list-content-img">
@@ -37,7 +37,7 @@
<n-space class="list-footer" justify="space-between">
<n-text depth="3">
{{ $t('project.last_edit') }}:
<n-time :time="new Date()" format="yyyy-MM-dd hh:mm" />
<n-time :time="new Date()" format="yyyy-MM-dd hh:mm"></n-time>
</n-text>
<!-- 工具 -->
<n-space>
@@ -46,7 +46,7 @@
class="animation-twinkle"
dot
:color="cardData?.release ? '#34c749' : '#fcbc40'"
/>
></n-badge>
{{
cardData?.release
? $t('project.release')
@@ -59,7 +59,7 @@
<template #trigger>
<n-button size="small" @click="handleSelect(item.key)">
<template #icon>
<component :is="item.icon" />
<component :is="item.icon"></component>
</template>
</n-button>
</template>
+1 -1
View File
@@ -1,6 +1,6 @@
<template>
<div class="go-project-items">
<List />
<List></List>
</div>
</template>
@@ -1,13 +1,13 @@
<template>
<div class="go-aside-footer">
<n-divider class="go-mt-0" />
<n-divider class="go-mt-0"></n-divider>
<n-space justify="space-around">
<n-tooltip v-if="collapsed" placement="right" trigger="hover">
<template #trigger>
<n-button secondary @click="handleDoc">
<template #icon>
<n-icon size="18">
<HelpOutlineIcon />
<HelpOutlineIcon></HelpOutlineIcon>
</n-icon>
</template>
</n-button>
@@ -20,7 +20,7 @@
<n-button v-else secondary @click="handleDoc">
<template #icon>
<n-icon size="18">
<HelpOutlineIcon />
<HelpOutlineIcon></HelpOutlineIcon>
</n-icon>
</template>
<n-text>{{ $t('global.help') }}</n-text>
@@ -31,7 +31,7 @@
<n-button secondary @click="handleDoc">
<template #icon>
<n-icon size="18">
<CodeSlashIcon />
<CodeSlashIcon></CodeSlashIcon>
</n-icon>
</template>
</n-button>
@@ -44,7 +44,7 @@
<n-button v-else secondary @click="handleCode">
<template #icon>
<n-icon size="18">
<CodeSlashIcon />
<CodeSlashIcon></CodeSlashIcon>
</n-icon>
</template>
<n-text v-show="!collapsed">{{ $t('global.code_addr') }}</n-text>
@@ -8,7 +8,7 @@
<template #header-extra>
<n-text @click="closeHandle">
<n-icon size="20">
<component :is="CloseIcon" />
<component :is="CloseIcon"></component>
</n-icon>
</n-text>
</template>
@@ -23,7 +23,7 @@
<component :is="item.title"></component>
<template #icon>
<n-icon size="18">
<component :is="item.icon" />
<component :is="item.icon"></component>
</n-icon>
</template>
</n-button>
@@ -5,8 +5,8 @@
<n-button ghost type="primary" size="small">
<template #icon>
<n-icon>
<DuplicateOutlineIcon v-show="designStore.getDarkTheme" />
<DuplicateIcon v-show="!designStore.getDarkTheme" />
<DuplicateOutlineIcon v-show="designStore.getDarkTheme"></DuplicateOutlineIcon>
<DuplicateIcon v-show="!designStore.getDarkTheme"></DuplicateOutlineIcon>
</n-icon>
</template>
</n-button>
@@ -18,8 +18,8 @@
<n-button v-else ghost type="primary">
<template #icon>
<n-icon>
<DuplicateOutlineIcon v-show="designStore.getDarkTheme" />
<DuplicateIcon v-show="!designStore.getDarkTheme" />
<DuplicateOutlineIcon v-show="designStore.getDarkTheme"></DuplicateOutlineIcon>
<DuplicateIcon v-show="!designStore.getDarkTheme"></DuplicateOutlineIcon>
</n-icon>
</template>
<span>
@@ -27,7 +27,7 @@
</span>
</n-button>
</div>
<CreateModal :show="modalShow" @close="closeHandle" />
<CreateModal :show="modalShow" @close="closeHandle"></CreateModal>
</template>
<script setup lang="ts">
import { ref } from 'vue'
@@ -1,3 +1,3 @@
import Header from './index.vue'
import GoHeader from './index.vue'
export { Header }
export { GoHeader }
@@ -1,13 +1,13 @@
<template>
<Header>
<go-header>
<template #ri-left>
</template>
<template #ri-right>
<UserInfo />
<user-info></user-info>
</template>
</Header>
</go-header>
</template>
<script setup lang="ts">
import { Header } from '@/layout/components/Header'
import { GoHeader } from '@/layout/components/GoHeader'
import { UserInfo } from '@/components/UserInfo'
</script>
@@ -14,7 +14,7 @@
<div class="go-project-sider-flex">
<aside>
<n-space vertical class="go-project-sider-top">
<Create :collapsed="collapsed" />
<Create :collapsed="collapsed"></Create>
</n-space>
<n-menu
:value="menuValue"
@@ -22,11 +22,11 @@
:collapsed-width="getAsideCollapsedWidth"
:collapsed-icon-size="22"
:default-expanded-keys="defaultExpandedKeys"
/>
></n-menu>
</aside>
<!-- 底部提示 -->
<div class="sider-bottom">
<AsideFooter :collapsed="collapsed" />
<AsideFooter :collapsed="collapsed"></AsideFooter>
</div>
</div>
</n-layout-sider>
+1 -1
View File
@@ -6,7 +6,7 @@
height="300"
preview-disabled
:src="requireErrorImg()"
/>
></n-image>
<n-h3>暂时还没有东西呢</n-h3>
</n-space>
</div>
+1 -1
View File
@@ -1,7 +1,7 @@
<template>
<div class="go-project-template-market">
<n-space vertical>
<n-image object-fit="contain" height="300" preview-disabled :src="requireErrorImg()" />
<n-image object-fit="contain" height="300" preview-disabled :src="requireErrorImg()"></n-image>
<n-h3>暂时还没有东西呢</n-h3>
</n-space>
</div>