+ ),
+ },
+ content: {
+ render: () => {
+ return (
+
+ 段落示意：蚂蚁金服设计平台
+ design.alipay.com，用最小的工作量，无缝接入蚂蚁金服生态，提供跨越设计与开发的体验解决方案。蚂蚁金服设计平台
+ design.alipay.com，用最小的工作量，无缝接入蚂蚁金服生态提供跨越设计与开发的体验解决方案。
+
+ );
+ },
+ },
+ }}
+ />
+ );
+};
+export default ShareList;
diff --git a/src/components/Main/Share/index.module.less b/src/components/Main/Share/index.module.less
new file mode 100644
index 0000000..92c5c46
--- /dev/null
+++ b/src/components/Main/Share/index.module.less
@@ -0,0 +1,10 @@
+.share_main{
+ display: flex;
+ flex-direction: column;
+ .share_header{
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
+ }
+}
diff --git a/src/components/Main/Share/index.tsx b/src/components/Main/Share/index.tsx
index 767f8cd..76183fa 100644
--- a/src/components/Main/Share/index.tsx
+++ b/src/components/Main/Share/index.tsx
@@ -1,7 +1,39 @@
/** @format */
import { FunctionComponent } from "react";
-
+import { ProCard } from "@ant-design/pro-components";
+import styles from "./index.module.less";
+import { Avatar, Button, Card } from "antd";
+import setting from "@/assets/icons/setting.svg";
+import Search from "antd/es/input/Search";
+import Meta from "antd/es/card/Meta";
+import { useNavigate } from "react-router-dom";
const MainShare: FunctionComponent = () => {
- return 分享22222
;
+ const navigate = useNavigate();
+ return (
+ <>
+
+
+
+
+ {
+ navigate("/main/share/list/1");
+ }}>
+ }
+ title="Card title"
+ description="This is the description"
+ />
+
+
+
+
+ );
};
export default MainShare;
diff --git a/src/main.tsx b/src/main.tsx
index fa1b835..04c0d83 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -2,14 +2,11 @@
import ReactDOM from "react-dom/client";
import "./assets/styles/index.less";
-import "virtual:svg-icons-register";
import { Provider as MobxProvider } from "mobx-react";
import { RootStore } from "@/store";
-import routeConfig from "@/router/routes.tsx";
-import { createBrowserRouter, RouterProvider } from "react-router-dom";
-const router = createBrowserRouter(routeConfig);
+import App from "@/App.tsx";
ReactDOM.createRoot(document.getElementById("root")!).render(
+
+ {
@@ -41,8 +36,18 @@ export default function Layout() {
}
return {defaultDom};
}}
- {...defaultProps}
- disableMobile={true}
+ {...settings}
+ menu={{
+ // request: async () => {
+ // const res: any = await getUserMenuPermission("17");
+ // return res.data.routes;
+ // },
+ type: "group",
+ defaultOpenAll: false,
+ hideMenuWhenCollapsed: false,
+ collapsedShowTitle: false,
+ }}
+ disableMobile={false}
location={{
pathname: location.pathname,
}}
diff --git a/src/views/Main/defaultSettings.tsx b/src/views/Main/settings.tsx
similarity index 80%
rename from src/views/Main/defaultSettings.tsx
rename to src/views/Main/settings.tsx
index 07ac438..638b795 100644
--- a/src/views/Main/defaultSettings.tsx
+++ b/src/views/Main/settings.tsx
@@ -1,12 +1,13 @@
/** @format */
-import dashboard from "@/assets/icons/dashboard.svg";
-import bucket from "@/assets/icons/bucket.svg";
-import file from "@/assets/icons/file.svg";
-import share from "@/assets/icons/share.svg";
-import user from "@/assets/icons/user.svg";
-import userInfo from "@/assets/icons/userInfo.svg";
-import setting from "@/assets/icons/setting.svg";
+// import dashboard from "@/assets/images/dashboard.png";
+// import bucket from "@/assets/images/bucket.png";
+// import file_icon from "@/assets/images/file.png";
+// import share_icon from "@/assets/images/share.png";
+// import user from "@/assets/images/user.png";
+// import user_info_icon from "@/assets/images/userInfo.png";
+// import setting from "@/assets/images/setting.png";
+// import storage_setting from "@/assets/images/storage_setting.png";
import aliyun from "@/assets/icons/aliyun.svg";
import tencent from "@/assets/icons/tencent.svg";
import huawei from "@/assets/icons/huawei.svg";
@@ -21,7 +22,6 @@ import pinanyun from "@/assets/icons/pinanyun.svg";
import qingyun from "@/assets/icons/qingyun.svg";
import ucloud from "@/assets/icons/ucloud.svg";
import jinshan from "@/assets/icons/jinshan.svg";
-import storage_setting from "@/assets/icons/storage_setting.svg";
export default {
route: {
path: "/",
@@ -30,43 +30,43 @@ export default {
index: true,
path: "main/home",
name: "仪表盘",
- icon: dashboard,
+ icon: "https://pic.imgdb.cn/item/668b9176d9c307b7e99e51b9.png",
},
{
path: "main/setting",
name: "存储商",
- icon: storage_setting,
+ icon: "https://pic.imgdb.cn/item/668b918cd9c307b7e99e7fbc.png",
},
{
path: "main/bucket",
name: "存储桶",
- icon: bucket,
+ icon: "https://pic.imgdb.cn/item/668b91a5d9c307b7e99ea40d.png",
},
{
path: "main/file",
name: "文件",
- icon: file,
+ icon: "https://pic.imgdb.cn/item/668b91b7d9c307b7e99eb9fb.png",
},
{
path: "main/share",
name: "分享圈",
- icon: share,
+ icon: "https://pic.imgdb.cn/item/668b91d1d9c307b7e99edb1c.png",
},
{
path: "/",
name: "个人中心",
- icon: user,
+ icon: "https://pic.imgdb.cn/item/668b91e1d9c307b7e99eed3a.png",
routes: [
{
index: true,
path: "main/user/info",
name: "用户信息",
- icon: userInfo,
+ icon: "https://pic.imgdb.cn/item/668b91fbd9c307b7e99f0f90.png",
},
{
path: "main/user/setting",
name: "用户设置",
- icon: setting,
+ icon: "https://pic.imgdb.cn/item/668b921ad9c307b7e99f35b2.png",
},
],
},
diff --git a/vite.config.ts b/vite.config.ts
index a5da2a7..492d783 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -2,26 +2,25 @@
import { defineConfig, loadEnv } from "vite";
import react from "@vitejs/plugin-react";
-import * as path from "path";
import { resolve } from "path";
-// icons plugin
-import { createSvgIconsPlugin } from "vite-plugin-svg-icons";
import viteCompression from "vite-plugin-compression";
import { createHtmlPlugin } from "vite-plugin-html";
import legacy from "@vitejs/plugin-legacy";
import postcssPresetEnv from "postcss-preset-env";
import autoprefixer from "autoprefixer";
import { nodePolyfills } from "vite-plugin-node-polyfills";
+import svgr from "vite-plugin-svgr";
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-expect-error
//配置参数
export default defineConfig(({ mode }) => {
const env = loadEnv(mode, process.cwd());
return {
- base: "./",
+ base: "/",
plugins: [
react(),
nodePolyfills(),
+ svgr({ svgrOptions: { icon: true } }),
legacy({
targets: [
"ie >= 11",
@@ -56,13 +55,6 @@ export default defineConfig(({ mode }) => {
],
modernPolyfills: ["es.promise.all-settled", "es.object.entries"],
}),
- // 修改 icons 相关配置
- createSvgIconsPlugin({
- // 指定需要缓存的图标文件夹
- iconDirs: [path.resolve(__dirname, "./src/assets/icons")],
- // 指定symbolId格式
- symbolId: "icon-[dir]-[name]",
- }),
viteCompression({
verbose: true, // 是否在控制台中输出压缩结果
disable: false,
@@ -127,7 +119,7 @@ export default defineConfig(({ mode }) => {
},
},
esbuild: {
- // drop: ['console', 'debugger'],
+ // drop: ["console", "debugger"],
},
build: {
outDir: "dist", // 指定输出路径