mirror of
https://gitee.com/dromara/go-view.git
synced 2026-04-23 00:00:12 +08:00
fix: 完成左侧列表的其余内容
This commit is contained in:
@@ -5,13 +5,20 @@
|
||||
<n-text class="list-header-text" depth="3">{{ item.title }}</n-text>
|
||||
</div>
|
||||
<div class="list-center go-flex-center">
|
||||
<img class="list-img" :src="item.image" />
|
||||
<n-image
|
||||
class="list-img"
|
||||
object-fit="contain"
|
||||
preview-disabled
|
||||
:src="item.image"
|
||||
:fallback-src="requireFallbackImg()"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { AppleControlBtn } from '@/components/AppleControlBtn/index'
|
||||
import { requireFallbackImg } from '@/utils'
|
||||
defineProps({
|
||||
menuOptions: {
|
||||
type: Array,
|
||||
@@ -31,13 +38,13 @@ $centerHeight: 80px;
|
||||
width: $itemWidth;
|
||||
overflow: hidden;
|
||||
border-radius: 6px;
|
||||
@include filter-bg-color('background-color2');
|
||||
@include filter-bg-color("background-color2");
|
||||
.list-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 2px 15px;
|
||||
@include filter-bg-color('background-color3');
|
||||
@include filter-bg-color("background-color3");
|
||||
&-text {
|
||||
font-size: 12px;
|
||||
margin-left: 8px;
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="go-chart-common">
|
||||
<!-- v-show="packages.categorysNum > 1" -->
|
||||
<n-menu
|
||||
v-show="packages.categorysNum > 1"
|
||||
class="chart-menu-width"
|
||||
v-model:value="selectValue"
|
||||
:options="packages.menuOptions"
|
||||
@@ -16,7 +16,7 @@
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { reactive, ref, watch } from 'vue'
|
||||
import { ref, watch, markRaw,reactive } from 'vue'
|
||||
import { ItemBox } from '../ItemBox/index'
|
||||
import { ConfigType } from '@/packages/index.d'
|
||||
|
||||
@@ -27,6 +27,7 @@ const props = defineProps({
|
||||
}
|
||||
})
|
||||
|
||||
// TODO 调试结束改成 markeRaw
|
||||
let packages = reactive<{
|
||||
[T: string]: any
|
||||
}>({
|
||||
|
||||
@@ -25,7 +25,7 @@ const packagesListObj = {
|
||||
icon: renderIcon(RoadmapIcon),
|
||||
label: renderLang('图表')
|
||||
},
|
||||
[PackagesCategoryEnum.TEXTS]: {
|
||||
[PackagesCategoryEnum.INFORMATION]: {
|
||||
icon: renderIcon(SpellCheckIcon),
|
||||
label: renderLang('信息')
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user