diff --git a/cc-inspector/package.json b/cc-inspector/package.json index a0497b0..c5aaf9d 100644 --- a/cc-inspector/package.json +++ b/cc-inspector/package.json @@ -25,6 +25,8 @@ }, "version": "1.0.0", "dependencies": { + "@tsparticles/slim": "^3.8.1", + "@tsparticles/vue3": "^3.0.1", "lodash": "^4.17.21", "tiny-emitter": "2.1.0", "uuid": "^8.3.2" diff --git a/cc-inspector/src/panel/index.ts b/cc-inspector/src/panel/index.ts index ab7ced3..acb56b2 100644 --- a/cc-inspector/src/panel/index.ts +++ b/cc-inspector/src/panel/index.ts @@ -1,15 +1,22 @@ -import ccui from '@xuyanfeng/cc-ui'; -import '@xuyanfeng/cc-ui/dist/ccui.css'; -import '@xuyanfeng/cc-ui/iconfont/iconfont.css'; -import CCP from 'cc-plugin/src/ccp/entry-render'; -import { createApp } from 'vue'; -import pluginConfig from '../../cc-plugin.config'; -import App from './index.vue'; - +import { loadSlim } from "@tsparticles/slim"; +import Particles from "@tsparticles/vue3"; +import ccui from "@xuyanfeng/cc-ui"; +import "@xuyanfeng/cc-ui/dist/ccui.css"; +import "@xuyanfeng/cc-ui/iconfont/iconfont.css"; +import CCP from "cc-plugin/src/ccp/entry-render"; +import { createApp } from "vue"; +import pluginConfig from "../../cc-plugin.config"; +import App from "./index.vue"; export default CCP.init(pluginConfig, { ready: function (rootElement: any, args: any) { - const app = createApp(App) - app.use(ccui) - app.mount(rootElement) - } -}) + const app = createApp(App); + app.use(ccui); + //@ts-ignore + app.use(Particles, { + init: async (engine) => { + await loadSlim(engine); + }, + }); + app.mount(rootElement); + }, +}); diff --git a/cc-inspector/src/panel/index.vue b/cc-inspector/src/panel/index.vue index 15c98c7..d2fdef2 100644 --- a/cc-inspector/src/panel/index.vue +++ b/cc-inspector/src/panel/index.vue @@ -1,12 +1,25 @@