diff --git a/src/assets/fonts/AlimamaFangYuanTiVF-Thin.ttf b/src/assets/fonts/AlimamaFangYuanTiVF-Thin.ttf new file mode 100644 index 0000000..d7dc773 Binary files /dev/null and b/src/assets/fonts/AlimamaFangYuanTiVF-Thin.ttf differ diff --git a/src/assets/fonts/fonts.scss b/src/assets/fonts/fonts.scss new file mode 100644 index 0000000..c2b1223 --- /dev/null +++ b/src/assets/fonts/fonts.scss @@ -0,0 +1,6 @@ +@font-face { + font-family: "AliFangYuanTi"; /*字体名-自定义*/ + src: url("./AlimamaFangYuanTiVF-Thin.ttf"); /* 字体路径 */ + font-weight: normal; + font-style: normal; +} diff --git a/src/assets/svgs/add-voucher.svg b/src/assets/svgs/add-voucher.svg new file mode 100644 index 0000000..17a6a1b --- /dev/null +++ b/src/assets/svgs/add-voucher.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/svgs/balance-inquiry.svg b/src/assets/svgs/balance-inquiry.svg new file mode 100644 index 0000000..fd6e2f9 --- /dev/null +++ b/src/assets/svgs/balance-inquiry.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/svgs/data-analysis.svg b/src/assets/svgs/data-analysis.svg new file mode 100644 index 0000000..e23e851 --- /dev/null +++ b/src/assets/svgs/data-analysis.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/svgs/data-queries.svg b/src/assets/svgs/data-queries.svg new file mode 100644 index 0000000..b8c9c7c --- /dev/null +++ b/src/assets/svgs/data-queries.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/svgs/financial-statement.svg b/src/assets/svgs/financial-statement.svg new file mode 100644 index 0000000..e1b69f6 --- /dev/null +++ b/src/assets/svgs/financial-statement.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/svgs/more.svg b/src/assets/svgs/more.svg new file mode 100644 index 0000000..2d6ab53 --- /dev/null +++ b/src/assets/svgs/more.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/main.ts b/src/main.ts index ecd58a1..dbff909 100644 --- a/src/main.ts +++ b/src/main.ts @@ -15,6 +15,8 @@ import ArcoVueIcon from "@arco-design/web-vue/es/icon"; import "virtual:svg-icons-register"; // 引入i18n import i18n from "@/lang/index"; +// 引入字体 +import "@/assets/fonts/fonts.scss"; const app = createApp(App); app.use(ArcoVue, { componentPrefix: "arco" diff --git a/src/style/global-style.scss b/src/style/global-style.scss index 557d308..8f5af1e 100644 --- a/src/style/global-style.scss +++ b/src/style/global-style.scss @@ -7,3 +7,24 @@ .margin-right-text { margin-right: $margin-text; } + +.flex-row-between-center { + display: flex; + justify-content: space-between; + align-items: center; +} + +.card-middling { + width: 200px; +} + +.row-center { + display: flex; + justify-content: center; + align-items: center; +} +.row-start-center { + display: flex; + justify-content: start; + align-items: center; +} diff --git a/src/views/home/home.vue b/src/views/home/home.vue index ccb3e73..9ccb9c7 100644 --- a/src/views/home/home.vue +++ b/src/views/home/home.vue @@ -1,17 +1,49 @@