@@ -1,9 +1 @@ | |||||
<svg xmlns="http://www.w3.org/2000/svg" width="311.983" height="311.929" viewBox="0 0 311.983 311.929"> | |||||
<g id="Icon_ionic-ios-apps" data-name="Icon ionic-ios-apps" transform="translate(-4.494 -4.496)"> | |||||
<path id="Path_9" data-name="Path 9" d="M305.678,64.318,184.327,9a65.721,65.721,0,0,0-47.842,0L15.22,64.318c-14.293,6.5-14.293,17.117,0,23.639l120.221,54.826a69.059,69.059,0,0,0,50.033,0L305.687,87.956C319.971,81.46,319.971,70.822,305.678,64.318Z" transform="translate(0.07 0)" fill="#b5c8ff"/> | |||||
<g id="Group_1" data-name="Group 1" transform="translate(4.493 135.941)"> | |||||
<path id="Path_10" data-name="Path 10" d="M135.441,61.195,54.375,24.239a13.18,13.18,0,0,0-10.8,0L15.22,37.154C.927,43.65.927,54.271,15.22,60.792l120.221,54.826a69.058,69.058,0,0,0,50.033,0L305.687,60.792c14.293-6.5,14.293-17.117,0-23.639L277.341,24.239a13.18,13.18,0,0,0-10.8,0L185.474,61.195A69.058,69.058,0,0,1,135.441,61.195Z" transform="translate(-4.423 60.176)" fill="#fff"/> | |||||
<path id="Path_11" data-name="Path 11" d="M305.757,28.732,280,17.033a12.992,12.992,0,0,0-10.724,0l-87.724,39.72a71.712,71.712,0,0,1-42.159,0L51.681,17.033a12.992,12.992,0,0,0-10.724,0l-25.744,11.7C.92,35.228.92,45.849,15.213,52.371L135.426,107.2a69.058,69.058,0,0,0,50.033,0L305.671,52.371C320.049,45.866,320.049,35.228,305.757,28.732Z" transform="translate(-4.493 -15.875)" fill="#fff"/> | |||||
</g> | |||||
</g> | |||||
</svg> | |||||
<svg xmlns="http://www.w3.org/2000/svg" width="28.002" height="27" viewBox="0 0 28.002 27"><defs><style>.cls-2{fill:#fff}</style></defs><g transform="translate(-114 -87.064)"><path d="M137.255 106.137l-.029-5.892 3.6 2.92z" fill="#c0dff9"/><path class="cls-2" d="M137.211 103.129l-.029-2.92 3.6 2.92z"/><ellipse class="cls-2" cx="10.079" cy="10.396" rx="10.079" ry="10.396" transform="translate(117.422 93.273)"/><path d="M114 93.263h13.386a10.415 10.415 0 0 1 10.414 10.415h-13.385A10.415 10.415 0 0 1 114 93.263z" fill="#f1f5f8" opacity=".8"/><path class="cls-2" d="M121.302 87.064l10.854 6.424a11.537 11.537 0 0 1 4.06 15.544l-12.673-7.501a9.349 9.349 0 0 1-3.293-12.598z"/><circle cx="3.515" cy="3.515" r="3.515" transform="translate(123.989 100.153)" fill="#0186fa"/></g></svg> |
@@ -1,6 +1,5 @@ | |||||
<template> | <template> | ||||
<div> | <div> | ||||
<DarkModeSwitcher /> | |||||
<MobileMenu /> | <MobileMenu /> | ||||
<div class="flex"> | <div class="flex"> | ||||
<!-- BEGIN: Side Menu --> | <!-- BEGIN: Side Menu --> | ||||
@@ -138,12 +137,10 @@ | |||||
import Velocity from "velocity-animate"; | import Velocity from "velocity-animate"; | ||||
import TopBar from "@/components/TopBar"; | import TopBar from "@/components/TopBar"; | ||||
import MobileMenu from "@/components/MobileMenu"; | import MobileMenu from "@/components/MobileMenu"; | ||||
import DarkModeSwitcher from "@/components/DarkModeSwitcher"; | |||||
import SideMenuTooltip from "@/components/SideMenuTooltip"; | import SideMenuTooltip from "@/components/SideMenuTooltip"; | ||||
export default { | export default { | ||||
components: { | components: { | ||||
DarkModeSwitcher, | |||||
SideMenuTooltip, | SideMenuTooltip, | ||||
MobileMenu, | MobileMenu, | ||||
TopBar | TopBar | ||||
@@ -4,365 +4,32 @@ const state = () => { | |||||
{ | { | ||||
icon: "HomeIcon", | icon: "HomeIcon", | ||||
pageName: "side-menu-dashboard", | pageName: "side-menu-dashboard", | ||||
title: "Dashboard" | |||||
title: "会员中心" | |||||
}, | }, | ||||
{ | { | ||||
icon: "InboxIcon", | |||||
icon: "BoxIcon", | |||||
pageName: "side-menu-inbox", | pageName: "side-menu-inbox", | ||||
title: "Inbox" | |||||
title: "个人资料" | |||||
}, | }, | ||||
{ | { | ||||
icon: "HardDriveIcon", | |||||
icon: "GridIcon", | |||||
pageName: "side-menu-file-manager", | pageName: "side-menu-file-manager", | ||||
title: "File Manager" | |||||
title: "我的应用" | |||||
}, | }, | ||||
{ | { | ||||
icon: "CreditCardIcon", | |||||
icon: "DollarSignIcon", | |||||
pageName: "side-menu-point-of-sale", | pageName: "side-menu-point-of-sale", | ||||
title: "Point of Sale" | |||||
}, | |||||
{ | |||||
icon: "MessageSquareIcon", | |||||
pageName: "side-menu-chat", | |||||
title: "Chat" | |||||
}, | |||||
{ | |||||
icon: "FileTextIcon", | |||||
pageName: "side-menu-post", | |||||
title: "Post" | |||||
}, | |||||
"devider", | |||||
{ | |||||
icon: "EditIcon", | |||||
pageName: "side-menu-crud", | |||||
title: "Crud", | |||||
subMenu: [ | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-crud-data-list", | |||||
title: "Data List" | |||||
}, | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-crud-form", | |||||
title: "Form" | |||||
} | |||||
] | |||||
title: "财务管理" | |||||
}, | }, | ||||
{ | { | ||||
icon: "UsersIcon", | icon: "UsersIcon", | ||||
pageName: "side-menu-users", | |||||
title: "Users", | |||||
subMenu: [ | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-users-layout-1", | |||||
title: "Layout 1" | |||||
}, | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-users-layout-2", | |||||
title: "Layout 2" | |||||
}, | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-users-layout-3", | |||||
title: "Layout 3" | |||||
} | |||||
] | |||||
}, | |||||
{ | |||||
icon: "TrelloIcon", | |||||
pageName: "side-menu-profile", | |||||
title: "Profile", | |||||
subMenu: [ | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-profile-overview-1", | |||||
title: "Overview 1" | |||||
}, | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-profile-overview-2", | |||||
title: "Overview 2" | |||||
}, | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-profile-overview-3", | |||||
title: "Overview 3" | |||||
} | |||||
] | |||||
}, | |||||
{ | |||||
icon: "LayoutIcon", | |||||
pageName: "side-menu-layout", | |||||
title: "Pages", | |||||
subMenu: [ | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-wizards", | |||||
title: "Wizards", | |||||
subMenu: [ | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-wizard-layout-1", | |||||
title: "Layout 1" | |||||
}, | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-wizard-layout-2", | |||||
title: "Layout 2" | |||||
}, | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-wizard-layout-3", | |||||
title: "Layout 3" | |||||
} | |||||
] | |||||
}, | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-blog", | |||||
title: "Blog", | |||||
subMenu: [ | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-blog-layout-1", | |||||
title: "Layout 1" | |||||
}, | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-blog-layout-2", | |||||
title: "Layout 2" | |||||
}, | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-blog-layout-3", | |||||
title: "Layout 3" | |||||
} | |||||
] | |||||
}, | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-pricing", | |||||
title: "Pricing", | |||||
subMenu: [ | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-pricing-layout-1", | |||||
title: "Layout 1" | |||||
}, | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-pricing-layout-2", | |||||
title: "Layout 2" | |||||
} | |||||
] | |||||
}, | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-invoice", | |||||
title: "Invoice", | |||||
subMenu: [ | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-invoice-layout-1", | |||||
title: "Layout 1" | |||||
}, | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-invoice-layout-2", | |||||
title: "Layout 2" | |||||
} | |||||
] | |||||
}, | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-faq", | |||||
title: "FAQ", | |||||
subMenu: [ | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-faq-layout-1", | |||||
title: "Layout 1" | |||||
}, | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-faq-layout-2", | |||||
title: "Layout 2" | |||||
}, | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-faq-layout-3", | |||||
title: "Layout 3" | |||||
} | |||||
] | |||||
}, | |||||
{ | |||||
icon: "", | |||||
pageName: "login", | |||||
title: "Login" | |||||
}, | |||||
{ | |||||
icon: "", | |||||
pageName: "register", | |||||
title: "Register" | |||||
}, | |||||
{ | |||||
icon: "", | |||||
pageName: "error-page", | |||||
title: "Error Page" | |||||
}, | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-update-profile", | |||||
title: "Update profile" | |||||
}, | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-change-password", | |||||
title: "Change Password" | |||||
} | |||||
] | |||||
}, | |||||
"devider", | |||||
{ | |||||
icon: "InboxIcon", | |||||
pageName: "side-menu-components", | |||||
title: "Components", | |||||
subMenu: [ | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-grid", | |||||
title: "Grid", | |||||
subMenu: [ | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-regular-table", | |||||
title: "Regular Table" | |||||
}, | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-tabulator", | |||||
title: "Tabulator" | |||||
} | |||||
] | |||||
}, | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-accordion", | |||||
title: "Accordion" | |||||
}, | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-button", | |||||
title: "Button" | |||||
}, | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-modal", | |||||
title: "Modal" | |||||
}, | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-alert", | |||||
title: "Alert" | |||||
}, | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-progress-bar", | |||||
title: "Progress Bar" | |||||
}, | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-tooltip", | |||||
title: "Tooltip" | |||||
}, | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-dropdown", | |||||
title: "Dropdown" | |||||
}, | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-toast", | |||||
title: "Toast" | |||||
}, | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-typography", | |||||
title: "Typography" | |||||
}, | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-icon", | |||||
title: "Icon" | |||||
}, | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-loading-icon", | |||||
title: "Loading Icon" | |||||
} | |||||
] | |||||
}, | |||||
{ | |||||
icon: "SidebarIcon", | |||||
pageName: "side-menu-forms", | |||||
title: "Forms", | |||||
subMenu: [ | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-regular-form", | |||||
title: "Regular Form" | |||||
}, | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-datepicker", | |||||
title: "Datepicker" | |||||
}, | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-tail-select", | |||||
title: "Tail Select" | |||||
}, | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-file-upload", | |||||
title: "File Upload" | |||||
}, | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-wysiwyg-editor", | |||||
title: "Wysiwyg Editor" | |||||
}, | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-validation", | |||||
title: "Validation" | |||||
} | |||||
] | |||||
pageName: "side-menu-post", | |||||
title: "邀请好友" | |||||
}, | }, | ||||
{ | { | ||||
icon: "HardDriveIcon", | |||||
pageName: "side-menu-widgets", | |||||
title: "Widgets", | |||||
subMenu: [ | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-chart", | |||||
title: "Chart" | |||||
}, | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-slider", | |||||
title: "Slider" | |||||
}, | |||||
{ | |||||
icon: "", | |||||
pageName: "side-menu-image-zoom", | |||||
title: "Image Zoom" | |||||
} | |||||
] | |||||
icon: "MessageSquareIcon", | |||||
pageName: "side-menu-chat", | |||||
title: "消息中心" | |||||
} | } | ||||
] | ] | ||||
}; | }; | ||||
@@ -1,6 +1,5 @@ | |||||
<template> | <template> | ||||
<div> | <div> | ||||
<DarkModeSwitcher /> | |||||
<div class="container"> | <div class="container"> | ||||
<!-- BEGIN: Error Page --> | <!-- BEGIN: Error Page --> | ||||
<div | <div | ||||
@@ -34,12 +33,7 @@ | |||||
</template> | </template> | ||||
<script> | <script> | ||||
import DarkModeSwitcher from "@/components/DarkModeSwitcher"; | |||||
export default { | export default { | ||||
components: { | |||||
DarkModeSwitcher | |||||
}, | |||||
mounted() { | mounted() { | ||||
cash("body") | cash("body") | ||||
.removeClass("app") | .removeClass("app") | ||||
@@ -1,6 +1,5 @@ | |||||
<template> | <template> | ||||
<div> | <div> | ||||
<DarkModeSwitcher /> | |||||
<div class="container sm:px-10"> | <div class="container sm:px-10"> | ||||
<div class="block xl:grid grid-cols-2 gap-4"> | <div class="block xl:grid grid-cols-2 gap-4"> | ||||
<!-- BEGIN: Login Info --> | <!-- BEGIN: Login Info --> | ||||
@@ -107,12 +106,7 @@ | |||||
</template> | </template> | ||||
<script> | <script> | ||||
import DarkModeSwitcher from "@/components/DarkModeSwitcher"; | |||||
export default { | export default { | ||||
components: { | |||||
DarkModeSwitcher | |||||
}, | |||||
mounted() { | mounted() { | ||||
cash("body") | cash("body") | ||||
.removeClass("app") | .removeClass("app") | ||||
@@ -1,6 +1,5 @@ | |||||
<template> | <template> | ||||
<div> | <div> | ||||
<DarkModeSwitcher /> | |||||
<div class="container sm:px-10"> | <div class="container sm:px-10"> | ||||
<div class="block xl:grid grid-cols-2 gap-4"> | <div class="block xl:grid grid-cols-2 gap-4"> | ||||
<!-- BEGIN: Register Info --> | <!-- BEGIN: Register Info --> | ||||
@@ -125,12 +124,7 @@ | |||||
</template> | </template> | ||||
<script> | <script> | ||||
import DarkModeSwitcher from "@/components/DarkModeSwitcher"; | |||||
export default { | export default { | ||||
components: { | |||||
DarkModeSwitcher | |||||
}, | |||||
mounted() { | mounted() { | ||||
cash("body") | cash("body") | ||||
.removeClass("app") | .removeClass("app") | ||||
@@ -9,7 +9,7 @@ module.exports = { | |||||
extend: { | extend: { | ||||
colors: { | colors: { | ||||
theme: { | theme: { | ||||
1: "#1C3FAA", | |||||
1: "#1890FF", | |||||
2: "#F1F5F8", | 2: "#F1F5F8", | ||||
3: "#2e51bb", | 3: "#2e51bb", | ||||
4: "#3151BC", | 4: "#3151BC", | ||||