mirror of
https://gitee.com/dromara/go-view.git
synced 2026-04-23 00:00:12 +08:00
fix: 修改闭合组件不规范的问题
This commit is contained in:
@@ -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,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>
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
height="300"
|
||||
preview-disabled
|
||||
:src="requireErrorImg()"
|
||||
/>
|
||||
></n-image>
|
||||
<n-h3>暂时还没有东西呢</n-h3>
|
||||
</n-space>
|
||||
</div>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user