feat(projects): 细节完善、迁移页面

This commit is contained in:
Soybean
2022-01-20 21:24:01 +08:00
parent 28efbdbc70
commit ce531ce5dd
26 changed files with 1114 additions and 225 deletions

View File

@@ -37,13 +37,14 @@ import { Line, Pie } from '@antv/g2plot';
import { CountTo } from '@/components';
import data from './data.json';
const lineRef = ref<HTMLElement | null>(null);
const line = ref<Line | null>(null);
const pieRef = ref<HTMLElement | null>(null);
const pie = ref<Pie | null>(null);
const lineRef = ref<HTMLElement>();
const line = ref<Line>();
const pieRef = ref<HTMLElement>();
const pie = ref<Pie>();
function renderLineChart() {
line.value = new Line(lineRef.value!, {
if (!lineRef.value) return;
line.value = new Line(lineRef.value, {
data,
autoFit: true,
xField: 'date',

View File

@@ -39,11 +39,7 @@
</n-grid>
</n-card>
<n-card title="创意" :bordered="false" size="small" class="shadow-sm rounded-16px">
<n-carousel :autoplay="true" :show-arrow="true">
<!-- <banner-svg type="1" />
<banner-svg type="2" />
<banner-svg type="3" /> -->
</n-carousel>
<svg-banner class="text-primary" />
</n-card>
</n-space>
</n-grid-item>
@@ -51,8 +47,8 @@
</template>
<script setup lang="ts">
import { NGrid, NGridItem, NSpace, NCard, NList, NListItem, NThing, NCarousel } from 'naive-ui';
// import { BannerSvg } from '@/components';
import { NGrid, NGridItem, NSpace, NCard, NList, NListItem, NThing } from 'naive-ui';
import { SvgBanner } from '@/components';
import { TechnologyCard, ShortcutsCard } from './components';
interface Technology {