mirror of
https://gitee.com/dromara/go-view.git
synced 2026-04-23 00:00:12 +08:00
fix: 修改闭合组件不规范的问题
This commit is contained in:
MTrun
@@ -18,7 +18,7 @@
|
||||
class="go-cursor-pointer"
|
||||
@click="backHandle"
|
||||
>
|
||||
<ChevronBackOutlineIcon />
|
||||
<ChevronBackOutlineIcon></ChevronBackOutlineIcon>
|
||||
</n-icon>
|
||||
</n-space>
|
||||
</div>
|
||||
|
||||
@@ -9,10 +9,10 @@
|
||||
:icon-size="16"
|
||||
:indent="18"
|
||||
@update:value="clickItemHandle"
|
||||
/>
|
||||
></n-menu>
|
||||
<div class="chart-content-list">
|
||||
<n-scrollbar>
|
||||
<ItemBox :menuOptions="packages.selectOptions" />
|
||||
<ItemBox :menuOptions="packages.selectOptions"></ItemBox>
|
||||
</n-scrollbar>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
>
|
||||
<template #icon>
|
||||
<n-icon size="14" :depth="2">
|
||||
<BarChartIcon />
|
||||
<BarChartIcon></BarChartIcon>
|
||||
</n-icon>
|
||||
</template>
|
||||
<!-- 图表 -->
|
||||
@@ -22,20 +22,20 @@
|
||||
:icon-size="16"
|
||||
:indent="18"
|
||||
@update:value="clickItemHandle"
|
||||
/>
|
||||
></n-menu>
|
||||
<div class="menu-component-box">
|
||||
<Skeleton
|
||||
<GoSkeleton
|
||||
:load="!selectOptions"
|
||||
round
|
||||
text
|
||||
:repeat="2"
|
||||
style="width: 90%;"
|
||||
/>
|
||||
></GoSkeleton>
|
||||
<OptionContent
|
||||
v-if="selectOptions"
|
||||
:selectOptions="selectOptions"
|
||||
:key="selectValue"
|
||||
/>
|
||||
></OptionContent>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
+1
-1
@@ -17,7 +17,7 @@
|
||||
v-for="colorItem in fetchShowColors(value.color)"
|
||||
:key="colorItem"
|
||||
:style="{ backgroundColor: colorItem }"
|
||||
/>
|
||||
></span>
|
||||
</div>
|
||||
<div
|
||||
class="theme-bottom"
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
v-model:value="canvasConfig.width"
|
||||
:validator="validator"
|
||||
@update:value="changeSizeHandle"
|
||||
/>
|
||||
></n-input-number>
|
||||
</n-form-item>
|
||||
<n-form-item label="高度">
|
||||
<n-input-number
|
||||
@@ -16,7 +16,7 @@
|
||||
v-model:value="canvasConfig.height"
|
||||
:validator="validator"
|
||||
@update:value="changeSizeHandle"
|
||||
/>
|
||||
></n-input-number>
|
||||
</n-form-item>
|
||||
</n-form>
|
||||
|
||||
@@ -52,7 +52,7 @@
|
||||
:showPreview="true"
|
||||
:swatches="swatchesColors"
|
||||
v-model:value="canvasConfig.background"
|
||||
/>
|
||||
></n-color-picker>
|
||||
</n-space>
|
||||
<n-space>
|
||||
<n-text>使用颜色</n-text>
|
||||
@@ -63,7 +63,7 @@
|
||||
:round="false"
|
||||
:disabled="!canvasConfig.backgroundImage"
|
||||
:onUpdate="switchSelectColorHandle"
|
||||
/>
|
||||
></n-switch>
|
||||
</n-space>
|
||||
<n-space>
|
||||
<n-text>背景</n-text>
|
||||
|
||||
@@ -9,18 +9,18 @@
|
||||
placeholder="请输入图表名称"
|
||||
size="small"
|
||||
v-model:value="targetData.chartConfig.title"
|
||||
/>
|
||||
></n-input>
|
||||
</SettingItemBox>
|
||||
<!-- 尺寸 -->
|
||||
<SizeSetting :chartAttr="targetData.attr" />
|
||||
<SizeSetting :chartAttr="targetData.attr"></SizeSetting>
|
||||
<!-- 位置 -->
|
||||
<PositionSetting :chartAttr="targetData.attr" :canvasConfig="chartEditStore.getEditCanvasConfig"/>
|
||||
<!-- 样式 -->
|
||||
<StylesSetting :chartStyles="targetData.styles" />
|
||||
<StylesSetting :chartStyles="targetData.styles"></StylesSetting>
|
||||
<!-- 自定义配置项 -->
|
||||
<component :is="targetData.chartConfig.conKey" :optionData="targetData.option"></component>
|
||||
<!-- 全局设置 -->
|
||||
<GlobalSetting :optionData="targetData.option" :in-chart="true" />
|
||||
<GlobalSetting :optionData="targetData.option" :in-chart="true"></GlobalSetting>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<n-layout has-sider sider-placement="right">
|
||||
<n-layout-content>
|
||||
<!-- 图表拖拽区域 -->
|
||||
<ContentEdit />
|
||||
<ContentEdit></ContentEdit>
|
||||
</n-layout-content>
|
||||
<n-layout-sider
|
||||
collapse-mode="transform"
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
line['select'].has(item) && 'visible'
|
||||
]"
|
||||
:style="useComponentStyle(line['select'].get(item))"
|
||||
/>
|
||||
></div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
@@ -1,13 +1,13 @@
|
||||
<template>
|
||||
<div class="go-edit-bottom">
|
||||
<EditHistory />
|
||||
<EditHistory></EditHistory>
|
||||
|
||||
<n-space class="bottom-ri">
|
||||
<!-- 快捷键提示 -->
|
||||
<n-popselect :options="shortcutKeyOptions" size="medium">
|
||||
<n-button class="scale-btn" quaternary size="mini">
|
||||
<n-icon class="lock-icon" size="18" :depth="2">
|
||||
<DicomOverlayIcon />
|
||||
<DicomOverlayIcon></DicomOverlayIcon>
|
||||
</n-icon>
|
||||
</n-button>
|
||||
</n-popselect>
|
||||
@@ -20,7 +20,7 @@
|
||||
size="mini"
|
||||
:options="filterOptions"
|
||||
@update:value="selectHandle"
|
||||
/>
|
||||
></n-select>
|
||||
|
||||
<!-- 锁定缩放 -->
|
||||
<n-tooltip trigger="hover">
|
||||
@@ -32,8 +32,8 @@
|
||||
size="18"
|
||||
:depth="2"
|
||||
>
|
||||
<LockClosedOutlineIcon v-if="lockScale" />
|
||||
<LockOpenOutlineIcon v-else />
|
||||
<LockClosedOutlineIcon v-if="lockScale"></LockClosedOutlineIcon>
|
||||
<LockOpenOutlineIcon v-else></LockOpenOutlineIcon>
|
||||
</n-icon>
|
||||
</n-button>
|
||||
</template>
|
||||
@@ -52,7 +52,7 @@
|
||||
:disabled="lockScale"
|
||||
:marks="sliderMaks"
|
||||
@update:value="sliderHandle"
|
||||
/>
|
||||
></n-slider>
|
||||
</n-space>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -22,7 +22,7 @@
|
||||
<n-tooltip trigger="hover">
|
||||
<template #trigger>
|
||||
<n-icon size="21" :depth="3">
|
||||
<HelpOutlineIcon />
|
||||
<HelpOutlineIcon></HelpOutlineIcon>
|
||||
</n-icon>
|
||||
</template>
|
||||
<span>最多只保留 20 条记录</span>
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
>
|
||||
<slot></slot>
|
||||
<!-- 拖拽时的辅助线 -->
|
||||
<EditAlignLine />
|
||||
<EditAlignLine></EditAlignLine>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
@@ -8,15 +8,15 @@
|
||||
:key="index"
|
||||
:style="usePointStyle(point, index, item.attr, cursorResize)"
|
||||
@mousedown="useMousePointHandle($event, point, item.attr)"
|
||||
/>
|
||||
></div>
|
||||
|
||||
<!-- 选中 -->
|
||||
<div class="shape-modal" :style="useSizeStyle(item.attr)">
|
||||
<div class="shape-modal-select" :class="{ active: select }" />
|
||||
<div class="shape-modal-select" :class="{ active: select }"></div>
|
||||
<div
|
||||
class="shape-modal-change"
|
||||
:class="{ selectActive: select, hoverActive: hover }"
|
||||
/>
|
||||
></div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -32,13 +32,13 @@
|
||||
:themeSetting="themeSetting"
|
||||
:themeColor="themeColor"
|
||||
:style="useSizeStyle(item.attr)"
|
||||
/>
|
||||
></component>
|
||||
</EditShapeBox>
|
||||
</EditRange>
|
||||
</div>
|
||||
<!-- 底部控制 -->
|
||||
<template #bottom>
|
||||
<EditBottom />
|
||||
<EditBottom></EditBottom>
|
||||
</template>
|
||||
</ContentBox>
|
||||
</template>
|
||||
|
||||
@@ -10,14 +10,14 @@
|
||||
preview-disabled
|
||||
:src="image"
|
||||
:fallback-src="requireErrorImg()"
|
||||
/>
|
||||
></n-image>
|
||||
<n-ellipsis>
|
||||
<n-text class="list-text">
|
||||
{{ props.componentData.chartConfig.title }}
|
||||
</n-text>
|
||||
</n-ellipsis>
|
||||
</div>
|
||||
<div :class="{ 'select-modal': select }" />
|
||||
<div :class="{ 'select-modal': select }"></div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
>
|
||||
<template #icon>
|
||||
<n-icon size="16" :depth="2">
|
||||
<component :is="LayersIcon" />
|
||||
<component :is="LayersIcon"></component>
|
||||
</n-icon>
|
||||
</template>
|
||||
|
||||
@@ -21,7 +21,7 @@
|
||||
@mouseenter="mouseenterHandle(item)"
|
||||
@mouseleave="mouseleaveHandle(item)"
|
||||
@contextmenu="handleContextMenu($event)"
|
||||
/>
|
||||
></ListItem>
|
||||
</ContentBox>
|
||||
</template>
|
||||
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
<n-button size="small" quaternary @click="goHomeHandle()">
|
||||
<template #icon>
|
||||
<n-icon :depth="3">
|
||||
<HomeIcon />
|
||||
<HomeIcon></HomeIcon>
|
||||
</n-icon>
|
||||
</template>
|
||||
</n-button>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<n-space>
|
||||
<n-icon size="20" :depth="3">
|
||||
<FishIcon />
|
||||
<FishIcon></FishIcon>
|
||||
</n-icon>
|
||||
<n-text @click="handleFocus">
|
||||
工作空间 -
|
||||
@@ -19,7 +19,7 @@
|
||||
placeholder="请输入项目名称"
|
||||
v-model:value.trim="title"
|
||||
@blur="handleBlur"
|
||||
/>
|
||||
></n-input>
|
||||
</n-space>
|
||||
</template>
|
||||
|
||||
|
||||
@@ -4,19 +4,19 @@
|
||||
<n-layout>
|
||||
<HeaderPro>
|
||||
<template #left>
|
||||
<HeaderLeftBtn />
|
||||
<HeaderLeftBtn></HeaderLeftBtn>
|
||||
</template>
|
||||
<template #center>
|
||||
<HeaderTitle />
|
||||
<HeaderTitle></HeaderTitle>
|
||||
</template>
|
||||
<template #ri-left>
|
||||
<HeaderRightBtn />
|
||||
<HeaderRightBtn></HeaderRightBtn>
|
||||
</template>
|
||||
</HeaderPro>
|
||||
<n-layout-content content-style="overflow:hidden; display: flex">
|
||||
<ContentCharts />
|
||||
<ContentLayers />
|
||||
<ContentConfigurations />
|
||||
<ContentCharts></ContentCharts>
|
||||
<ContentLayers></ContentLayers>
|
||||
<ContentConfigurations></ContentConfigurations>
|
||||
</n-layout-content>
|
||||
</n-layout>
|
||||
</div>
|
||||
@@ -31,7 +31,7 @@
|
||||
:show="chartEditStore.getRightMenuShow"
|
||||
:on-clickoutside="onClickoutside"
|
||||
@select="handleMenuSelect"
|
||||
/>
|
||||
></n-dropdown>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
|
||||
@@ -15,13 +15,13 @@
|
||||
</transition-group>
|
||||
</aside>
|
||||
</div>
|
||||
<Header>
|
||||
<GoHeader>
|
||||
<template #left></template>
|
||||
<template #right>
|
||||
<LangSelect />
|
||||
<ThemeSelect />
|
||||
<LangSelect></LangSelect>
|
||||
<ThemeSelect></ThemeSelect>
|
||||
</template>
|
||||
</Header>
|
||||
</GoHeader>
|
||||
<div class="go-login">
|
||||
<div class="go-login-carousel">
|
||||
<n-carousel
|
||||
@@ -63,7 +63,7 @@
|
||||
>
|
||||
<template #prefix>
|
||||
<n-icon size="18">
|
||||
<PersonOutlineIcon />
|
||||
<PersonOutlineIcon></PersonOutlineIcon>
|
||||
</n-icon>
|
||||
</template>
|
||||
</n-input>
|
||||
@@ -77,7 +77,7 @@
|
||||
>
|
||||
<template #prefix>
|
||||
<n-icon size="18">
|
||||
<LockClosedOutlineIcon />
|
||||
<LockClosedOutlineIcon></LockClosedOutlineIcon>
|
||||
</n-icon>
|
||||
</template>
|
||||
</n-input>
|
||||
@@ -109,7 +109,7 @@
|
||||
</div>
|
||||
|
||||
<div class="go-login-box-footer">
|
||||
<Footer />
|
||||
<GoFooter></GoFooter>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
@@ -126,8 +126,8 @@ import { carouselInterval } from '@/settings/designSetting'
|
||||
import { useDesignStore } from '@/store/modules/designStore/designStore'
|
||||
import { ThemeSelect } from '@/components/ThemeSelect'
|
||||
import { LangSelect } from '@/components/LangSelect'
|
||||
import { Header } from '@/layout/components/Header'
|
||||
import { Footer } from '@/layout/components/Footer'
|
||||
import { GoHeader } from '@/layout/components/GoHeader'
|
||||
import { GoFooter } from '@/layout/components/GoFooter'
|
||||
import { PageEnum } from '@/enums/pageEnum'
|
||||
import { icon } from '@/plugins'
|
||||
import { StorageEnum } from '@/enums/storageEnum'
|
||||
|
||||
@@ -11,7 +11,7 @@
|
||||
:chartConfig="item"
|
||||
:themeSetting="themeSetting"
|
||||
:themeColor="themeColor"
|
||||
/>
|
||||
></component>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
<!-- 展示层 -->
|
||||
<div :style="previewRefStyle" v-if="show">
|
||||
<!-- 渲染层 -->
|
||||
<RenderList :localStorageInfo="localStorageInfo" />
|
||||
<render-list :localStorageInfo="localStorageInfo"></render-list>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -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