mirror of
https://github.com/Tencent/tdesign-vue-next-starter.git
synced 2024-11-10 07:08:23 +08:00
parent
3fbee5a9cb
commit
6a53559aa3
|
@ -69,7 +69,7 @@
|
||||||
"stylelint": "~15.11.0",
|
"stylelint": "~15.11.0",
|
||||||
"stylelint-config-standard": "^34.0.0",
|
"stylelint-config-standard": "^34.0.0",
|
||||||
"stylelint-order": "~6.0.3",
|
"stylelint-order": "~6.0.3",
|
||||||
"typescript": "~5.2.2",
|
"typescript": "~5.3.2",
|
||||||
"vite": "^4.5.0",
|
"vite": "^4.5.0",
|
||||||
"vite-plugin-mock": "^3.0.0",
|
"vite-plugin-mock": "^3.0.0",
|
||||||
"vite-svg-loader": "^4.0.0",
|
"vite-svg-loader": "^4.0.0",
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
<t-row :gutter="[16, 16]">
|
<t-row :gutter="[16, 16]">
|
||||||
<t-col v-for="(item, index) in PANE_LIST" :key="item.title" :xs="6" :xl="3">
|
<t-col v-for="(item, index) in PANE_LIST" :key="item.title" :xs="6" :xl="3">
|
||||||
<t-card
|
<t-card
|
||||||
:title="item.title"
|
:title="t(item.title)"
|
||||||
:bordered="false"
|
:bordered="false"
|
||||||
:class="{ 'dashboard-item': true, 'dashboard-item--main-color': index == 0 }"
|
:class="{ 'dashboard-item': true, 'dashboard-item--main-color': index == 0 }"
|
||||||
>
|
>
|
||||||
|
@ -77,25 +77,25 @@ const resizeTime = ref(1);
|
||||||
|
|
||||||
const PANE_LIST = [
|
const PANE_LIST = [
|
||||||
{
|
{
|
||||||
title: t('pages.dashboardBase.topPanel.card1'),
|
title: 'pages.dashboardBase.topPanel.card1',
|
||||||
number: '¥ 28,425.00',
|
number: '¥ 28,425.00',
|
||||||
upTrend: '20.5%',
|
upTrend: '20.5%',
|
||||||
leftType: 'echarts-line',
|
leftType: 'echarts-line',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: t('pages.dashboardBase.topPanel.card2'),
|
title: 'pages.dashboardBase.topPanel.card2',
|
||||||
number: '¥ 768.00',
|
number: '¥ 768.00',
|
||||||
downTrend: '20.5%',
|
downTrend: '20.5%',
|
||||||
leftType: 'echarts-bar',
|
leftType: 'echarts-bar',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: t('pages.dashboardBase.topPanel.card3'),
|
title: 'pages.dashboardBase.topPanel.card3',
|
||||||
number: '1126',
|
number: '1126',
|
||||||
upTrend: '20.5%',
|
upTrend: '20.5%',
|
||||||
leftType: 'icon-usergroup',
|
leftType: 'icon-usergroup',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: t('pages.dashboardBase.topPanel.card4'),
|
title: 'pages.dashboardBase.topPanel.card4',
|
||||||
number: 527,
|
number: 527,
|
||||||
downTrend: '20.5%',
|
downTrend: '20.5%',
|
||||||
leftType: 'icon-file-paste',
|
leftType: 'icon-file-paste',
|
||||||
|
|
|
@ -24,7 +24,7 @@ LayoutMap.set('IFRAME', IFRAME);
|
||||||
let dynamicViewsModules: Record<string, () => Promise<Recordable>>;
|
let dynamicViewsModules: Record<string, () => Promise<Recordable>>;
|
||||||
|
|
||||||
// 动态从包内引入单个Icon
|
// 动态从包内引入单个Icon
|
||||||
async function getMenuIcon(iconName: string) {
|
async function getMenuIcon(iconName: string): Promise<string> {
|
||||||
const RenderIcon = iconsPath[`../../../node_modules/tdesign-icons-vue-next/esm/components/${iconName}.js`];
|
const RenderIcon = iconsPath[`../../../node_modules/tdesign-icons-vue-next/esm/components/${iconName}.js`];
|
||||||
|
|
||||||
const Icon = await RenderIcon();
|
const Icon = await RenderIcon();
|
||||||
|
|
Loading…
Reference in New Issue
Block a user