更改颜色

src/assets/sass/_report-box.scss

@@ -1,5 +1,5 @@
 .report-box {
-    @apply relative;
+    @apply relative rounded-3xl;
 
     .report-box__icon {
         width: 28px;

src/router/index.js

@@ -5,7 +5,7 @@ Vue.use(VueRouter);
 const routes = [
   {
     path: "/",
-    component: () => import('@/layouts/SideMenu'),
+    component: () => import(/* webpackChunkName: "main" */ '@/layouts/SideMenu'),
     children: [
       {
         path: "/",
@@ -264,6 +264,11 @@ const routes = [
       }
     ]
   },
+  {
+    path: "/test",
+    name: "test",
+    component: () => import('@/views/Inbox')
+  },
   {
     path: "/login",
     name: "login",

src/views/Dashboard.vue

@@ -4,13 +4,13 @@
       <!-- BEGIN: General Report -->
       <div class="col-span-12 mt-8">
         <div class="intro-y flex items-center h-10">
-          <h2 class="text-lg font-medium truncate mr-5">General Report</h2>
+          <h2 class="text-lg font-medium truncate mr-5">我的资料</h2>
           <a href="" class="ml-auto flex text-theme-1 dark:text-theme-10">
-            <RefreshCcwIcon class="w-4 h-4 mr-3" /> Reload Data
+            <RefreshCcwIcon class="w-4 h-4 mr-3" /> 刷新数据
           </a>
         </div>
         <div class="grid grid-cols-12 gap-6 mt-5">
-          <div class="col-span-12 sm:col-span-6 xl:col-span-3 intro-y">
+          <div class="col-span-12 sm:col-span-6 xl:col-span-6 intro-y">
             <div class="report-box zoom-in">
               <div class="box p-5">
                 <div class="flex">
@@ -70,26 +70,6 @@
               </div>
             </div>
           </div>
-          <div class="col-span-12 sm:col-span-6 xl:col-span-3 intro-y">
-            <div class="report-box zoom-in">
-              <div class="box p-5">
-                <div class="flex">
-                  <UserIcon class="report-box__icon text-theme-9" />
-                  <div class="ml-auto">
-                    <Tippy
-                      tag="div"
-                      class="report-box__indicator bg-theme-9 cursor-pointer"
-                      content="22% Higher than last month"
-                    >
-                      22% <ChevronUpIcon class="w-4 h-4" />
-                    </Tippy>
-                  </div>
-                </div>
-                <div class="text-3xl font-bold leading-8 mt-6">152.000</div>
-                <div class="text-base text-gray-600 mt-1">Unique Visitor</div>
-              </div>
-            </div>
-          </div>
         </div>
       </div>
       <!-- END: General Report -->
@@ -562,7 +542,7 @@
           class="col-span-12 md:col-span-6 xl:col-span-4 xxl:col-span-12 mt-3 xxl:mt-8"
         >
           <div class="intro-x flex items-center h-10">
-            <h2 class="text-lg font-medium truncate mr-5">Transactions</h2>
+            <h2 class="text-lg font-medium truncate mr-5">我的好友</h2>
           </div>
           <div class="mt-5">
             <div

tailwind.config.js

@@ -11,8 +11,8 @@ module.exports = {
         theme: {
           1: "#1890FF",
           2: "#F1F5F8",
-          3: "#2e51bb",
-          4: "#3151BC",
+          3: "#3EA4FB",
+          4: "#5AAEFC",
           5: "#dee7ef",
           6: "#D32929",
           7: "#365A74",