fix: bug

config/vite.config.base.ts

@@ -5,7 +5,6 @@ import svgLoader from 'vite-svg-loader';
 import configArcoStyleImportPlugin from './plugin/arcoStyleImport';
 
 export default defineConfig({
-  base: './',
   plugins: [
     vue(),
     svgLoader({ svgoConfig: {} }),

src/assets/style/arco-custom.less

@@ -12,29 +12,31 @@
   }
 }
 // .arco-pagination
-.arco-table-pagination {
-  display: block;
-  margin-top: 16px;
-}
-.arco-pagination {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
+.arco-table {
+  .arco-table-pagination {
+    display: block;
+    margin-top: 16px;
+  }
+  .arco-pagination {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
 
-  .arco-pagination-item {
-    border: 1px solid var(--color-border);
-    line-height: 30px;
-  }
-  .arco-pagination-item-active {
-    border-color: var(--color-primary);
-    background-color: var(--color-primary);
-    color: #fff;
-  }
-  .arco-select-view-single {
-    border-color: var(--color-border);
-  }
-  .arco-pagination-total {
-    flex-grow: 2;
+    .arco-pagination-item {
+      border: 1px solid var(--color-border);
+      line-height: 30px;
+    }
+    .arco-pagination-item-active {
+      border-color: var(--color-primary);
+      background-color: var(--color-primary);
+      color: #fff;
+    }
+    .arco-select-view-single {
+      border-color: var(--color-border);
+    }
+    .arco-pagination-total {
+      flex-grow: 2;
+    }
   }
 }
 
@@ -72,56 +74,58 @@
 }
 
 // arco-modal
-.arco-modal {
-  border-radius: 8px;
-
-  .arco-modal-close-btn {
-    font-size: 20px;
-  }
-  .arco-icon-hover::before {
-    width: 24px;
-    height: 24px;
-    border-radius: 4px;
-  }
-  .arco-modal-header {
-    padding: 20px;
-    border-bottom: 1px solid var(--color-border);
-    margin: 0;
-    height: auto;
-    text-align: left;
-  }
-  .arco-modal-title {
-    color: var(--color-text-dark);
-  }
-  .arco-modal-close {
-    width: 24px;
-    height: 24px;
-  }
-  .arco-modal-body {
-    padding: 20px;
-  }
-  .arco-modal-footer {
-    padding: 0 20px 20px;
-    margin: 0;
-    border: none;
+.arco-modal-wrapper {
+  .arco-modal {
+    border-radius: 8px;
 
-    .arco-btn:not(:nth-child(1)) {
-      margin-left: 8px;
+    .arco-modal-close-btn {
+      font-size: 20px;
+    }
+    .arco-icon-hover::before {
+      width: 24px;
+      height: 24px;
+      border-radius: 4px;
     }
-  }
-
-  &.arco-modal-simple {
-    border-radius: 8px;
-    padding: 0;
     .arco-modal-header {
-      border: none;
-      padding-bottom: 8px;
+      padding: 20px;
+      border-bottom: 1px solid var(--color-border);
+      margin: 0;
+      height: auto;
+      text-align: left;
+    }
+    .arco-modal-title {
+      color: var(--color-text-dark);
+    }
+    .arco-modal-close {
+      width: 24px;
+      height: 24px;
     }
     .arco-modal-body {
-      padding: 0 20px 20px 48px;
+      padding: 20px;
     }
     .arco-modal-footer {
-      text-align: right;
+      padding: 0 20px 20px;
+      margin: 0;
+      border: none;
+
+      .arco-btn:not(:nth-child(1)) {
+        margin-left: 8px;
+      }
+    }
+
+    &.arco-modal-simple {
+      border-radius: 8px;
+      padding: 0;
+      .arco-modal-header {
+        border: none;
+        padding-bottom: 8px;
+      }
+      .arco-modal-body {
+        padding: 0 20px 20px 48px;
+      }
+      .arco-modal-footer {
+        text-align: right;
+      }
     }
   }
 }

src/main.ts

@@ -1,6 +1,4 @@
 import { createApp } from 'vue';
-import ArcoVue from '@arco-design/web-vue';
-import ArcoVueIcon from '@arco-design/web-vue/es/icon';
 import globalComponents from '@/components';
 import router from './router';
 import store from './store';
@@ -14,9 +12,6 @@ import '@/api/interceptor';
 
 const app = createApp(App);
 
-app.use(ArcoVue, {});
-app.use(ArcoVueIcon);
-
 app.use(router);
 app.use(store);
 app.use(globalComponents);