fix: 完成左侧列表的其余内容

This commit is contained in:
mtruning
2022-01-15 12:50:00 +08:00
parent 6850dd467d
commit b7a372e50f
70 changed files with 336 additions and 270 deletions
@@ -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('信息')
},