feat: 修复icon显示问题和添加红绿图模式示例组件并更新路由配置

src/main.ts

@@ -17,13 +17,13 @@ import "../node_modules/@flaticon/flaticon-uicons/css/all/all.css";
 import "swiper/css";
 import "swiper/css/pagination";
 import SvgIcon from "@/component/Canvas/SvgIcon/index.vue";
-
+import "virtual:svg-icons-register";
 
 // import "@/tool/color-thief.js";
 // import "@/tool/fabric.brushes.js";
 // import "@/tool/fabric.min.js";
 const app = createApp(App);
-flexible()
+flexible();
 // alert(window.innerWidth)
 import { getCookie, setCookie } from "@/tool/cookie";
 import loadingGif from "./assets/images/homePage/loading.gif";
@@ -40,6 +40,6 @@ app
   .use(router)
   .use(Antd)
   .use(VueLazyload, loadingParam)
-.component("SvgIcon", SvgIcon)
+  .component("SvgIcon", SvgIcon)
   .use(i18n)
   .mount("#app");