diff --git a/src/assets/icons/aliyun.svg b/src/assets/icons/aliyun.svg
new file mode 100644
index 0000000..4a6ed5c
--- /dev/null
+++ b/src/assets/icons/aliyun.svg
@@ -0,0 +1 @@
+
diff --git a/src/assets/icons/aws.svg b/src/assets/icons/aws.svg
new file mode 100644
index 0000000..11f9e52
--- /dev/null
+++ b/src/assets/icons/aws.svg
@@ -0,0 +1 @@
+
diff --git a/src/assets/icons/baiduyun.svg b/src/assets/icons/baiduyun.svg
new file mode 100644
index 0000000..fd1428e
--- /dev/null
+++ b/src/assets/icons/baiduyun.svg
@@ -0,0 +1 @@
+
diff --git a/src/assets/icons/huawei.svg b/src/assets/icons/huawei.svg
new file mode 100644
index 0000000..65b7b37
--- /dev/null
+++ b/src/assets/icons/huawei.svg
@@ -0,0 +1 @@
+
diff --git a/src/assets/icons/jdyun.svg b/src/assets/icons/jdyun.svg
new file mode 100644
index 0000000..2b662c5
--- /dev/null
+++ b/src/assets/icons/jdyun.svg
@@ -0,0 +1 @@
+
diff --git a/src/assets/icons/jinshan.svg b/src/assets/icons/jinshan.svg
new file mode 100644
index 0000000..e5267b6
--- /dev/null
+++ b/src/assets/icons/jinshan.svg
@@ -0,0 +1 @@
+
diff --git a/src/assets/icons/minio.svg b/src/assets/icons/minio.svg
new file mode 100644
index 0000000..bb6a12e
--- /dev/null
+++ b/src/assets/icons/minio.svg
@@ -0,0 +1 @@
+
diff --git a/src/assets/icons/pinanyun.svg b/src/assets/icons/pinanyun.svg
new file mode 100644
index 0000000..10d612d
--- /dev/null
+++ b/src/assets/icons/pinanyun.svg
@@ -0,0 +1 @@
+
diff --git a/src/assets/icons/qingyun.svg b/src/assets/icons/qingyun.svg
new file mode 100644
index 0000000..dd0443d
--- /dev/null
+++ b/src/assets/icons/qingyun.svg
@@ -0,0 +1 @@
+
diff --git a/src/assets/icons/qiniu.svg b/src/assets/icons/qiniu.svg
new file mode 100644
index 0000000..db69ae7
--- /dev/null
+++ b/src/assets/icons/qiniu.svg
@@ -0,0 +1 @@
+
diff --git a/src/assets/icons/tencent.svg b/src/assets/icons/tencent.svg
new file mode 100644
index 0000000..3d02224
--- /dev/null
+++ b/src/assets/icons/tencent.svg
@@ -0,0 +1 @@
+
diff --git a/src/assets/icons/ucloud.svg b/src/assets/icons/ucloud.svg
new file mode 100644
index 0000000..39c40be
--- /dev/null
+++ b/src/assets/icons/ucloud.svg
@@ -0,0 +1 @@
+
diff --git a/src/assets/icons/upyun.svg b/src/assets/icons/upyun.svg
new file mode 100644
index 0000000..25ec015
--- /dev/null
+++ b/src/assets/icons/upyun.svg
@@ -0,0 +1 @@
+
diff --git a/src/assets/icons/wangyi.svg b/src/assets/icons/wangyi.svg
new file mode 100644
index 0000000..348f29f
--- /dev/null
+++ b/src/assets/icons/wangyi.svg
@@ -0,0 +1 @@
+
diff --git a/src/components/Main/Home/index.module.less b/src/components/Main/Home/index.module.less
index 1ce9e96..d8f58d3 100644
--- a/src/components/Main/Home/index.module.less
+++ b/src/components/Main/Home/index.module.less
@@ -14,7 +14,7 @@
.home_content_head_left {
height: 51vh;
- width: 31vw;
+ width: 43%;
display: flex;
flex-direction: row;
align-items: center;
diff --git a/src/components/Main/Home/index.tsx b/src/components/Main/Home/index.tsx
index 7fc0fa8..0b07528 100644
--- a/src/components/Main/Home/index.tsx
+++ b/src/components/Main/Home/index.tsx
@@ -9,12 +9,13 @@ import storage from "@/assets/icons/storage.svg";
import bucket from "@/assets/icons/bucket.svg";
import file from "@/assets/icons/file.svg";
import flux from "@/assets/icons/flux.svg";
+import aliyun from "@/assets/icons/aliyun.svg";
import * as echarts from "echarts/core";
const defaultData = [
{
id: "1",
name: "语雀的天空",
- image: "https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg",
+ image: aliyun,
desc: "我是一条测试的描述",
},
{
@@ -319,13 +320,11 @@ const MainHome: FunctionComponent = () => {
-
diff --git a/src/views/Main/defaultSettings.tsx b/src/views/Main/defaultSettings.tsx
index 6dda7a3..8cda241 100644
--- a/src/views/Main/defaultSettings.tsx
+++ b/src/views/Main/defaultSettings.tsx
@@ -7,7 +7,20 @@ 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 aliyun from "@/assets/icons/aliyun.svg";
+import tencent from "@/assets/icons/tencent.svg";
+import huawei from "@/assets/icons/huawei.svg";
+import baiduyun from "@/assets/icons/baiduyun.svg";
+import minio from "@/assets/icons/minio.svg";
+import jdyun from "@/assets/icons/jdyun.svg";
+import aws from "@/assets/icons/aws.svg";
+import wangyi from "@/assets/icons/wangyi.svg";
+import qiniu from "@/assets/icons/qiniu.svg";
+import upyun from "@/assets/icons/upyun.svg";
+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";
export default {
route: {
path: "/",
@@ -58,54 +71,103 @@ export default {
},
appList: [
{
- icon: "https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg",
- title: "Ant Design",
- desc: "杭州市较知名的 UI 设计语言",
- url: "https://ant.design",
- },
- {
- icon: "https://gw.alipayobjects.com/zos/antfincdn/FLrTNDvlna/antv.png",
- title: "AntV",
- desc: "蚂蚁集团全新一代数据可视化解决方案",
- url: "https://antv.vision/",
+ icon: aliyun,
+ title: "阿里云OSS",
+ desc: "一款海量、安全、低成本、高可靠的云存储服务",
+ url: "https://www.aliyun.com/product/oss",
target: "_blank",
},
{
- icon: "https://gw.alipayobjects.com/zos/antfincdn/upvrAjAPQX/Logo_Tech%252520UI.svg",
- title: "Pro Components",
- desc: "专业级 UI 组件库",
- url: "https://procomponents.ant.design/",
+ icon: tencent,
+ title: "腾讯云COS",
+ desc: "由腾讯云推出的分布式存储服务。",
+ url: "https://cloud.tencent.com/product/cos",
+ target: "_blank",
},
{
- icon: "https://img.alicdn.com/tfs/TB1zomHwxv1gK0jSZFFXXb0sXXa-200-200.png",
- title: "umi",
- desc: "插件化的企业级前端应用框架。",
- url: "https://umijs.org/zh-CN/docs",
+ icon: huawei,
+ title: "华为云OBS",
+ desc: "安全稳定、性能领先、无限弹性扩展的存储能力",
+ url: "https://www.huaweicloud.com/intl/zh-cn/product/obs.html",
+ target: "_blank",
+ },
+ {
+ icon: baiduyun,
+ title: "百度云BOS",
+ desc: "一款稳定、安全、高效、高可拓展的云存储服务",
+ url: "https://cloud.baidu.com/product/bos.html",
+ target: "_blank",
},
{
- icon: "https://gw.alipayobjects.com/zos/bmw-prod/8a74c1d3-16f3-4719-be63-15e467a68a24/km0cv8vn_w500_h500.png",
- title: "qiankun",
- desc: "可能是你见过最完善的微前端解决方案🧐",
- url: "https://qiankun.umijs.org/",
+ icon: minio,
+ title: "MinIO",
+ desc: "MinIO 是一款高性能、兼容 S3 的对象存储。",
+ url: "https://min.io/",
+ target: "_blank",
},
{
- icon: "https://gw.alipayobjects.com/zos/rmsportal/XuVpGqBFxXplzvLjJBZB.svg",
- title: "语雀",
- desc: "知识创作与分享工具",
- url: "https://www.yuque.com/",
+ icon: jdyun,
+ title: "京东云OSS",
+ desc: "京东云自研的存储海量数据的分布式存储服务",
+ url: "https://www.jdcloud.com/cn/products/object-storage-service",
+ target: "_blank",
},
{
- icon: "https://gw.alipayobjects.com/zos/rmsportal/LFooOLwmxGLsltmUjTAP.svg",
- title: "Kitchen ",
- desc: "Sketch 工具集",
- url: "https://kitchen.alipay.com/",
+ icon: aws,
+ title: "亚马逊S3 ",
+ desc: "专为任意位置检索任意数量数据的对象存储",
+ url: "https://aws.amazon.com/cn/s3/?nc2=h_ql_prod_st_s3",
+ target: "_blank",
},
{
- icon: "https://gw.alipayobjects.com/zos/bmw-prod/d3e3eb39-1cd7-4aa5-827c-877deced6b7e/lalxt4g3_w256_h256.png",
- title: "dumi",
- desc: "为组件开发场景而生的文档工具",
- url: "https://d.umijs.org/zh-CN",
+ icon: wangyi,
+ title: "网易数帆",
+ desc: "高可用、高可靠、高性能的云端存储服务",
+ url: "https://sf.163.com/product/nos",
+ target: "_blank",
+ },
+ {
+ icon: qiniu,
+ title: "七牛云 Kodo",
+ desc: "非结构化数据存储管理平台，支持中心和边缘存储",
+ url: "https://www.qiniu.com/products/kodo",
+ target: "_blank",
+ },
+ {
+ icon: upyun,
+ title: "又拍云 USS",
+ desc: "面向非结构化数据的对象存储服务",
+ url: "https://www.upyun.com/products/file-storage",
+ target: "_blank",
+ },
+ {
+ icon: pinanyun,
+ title: "平安云OBS",
+ desc: "基于大规模分布式高并发存储框架的云存储服务",
+ url: "https://yun.pingan.com/ssr/products/OBS",
+ target: "_blank",
+ },
+ {
+ icon: qingyun,
+ title: "青云",
+ desc: "安全可靠、低成本的云端存储服务",
+ url: "https://www.qingcloud.com/products/objectstorage/",
+ target: "_blank",
+ },
+ {
+ icon: ucloud,
+ title: "优刻得US3",
+ desc: "为互联网应用提供非结构化文件云存储的服务",
+ url: "https://www.ucloud.cn/site/product/ufile.html",
+ target: "_blank",
+ },
+ {
+ icon: jinshan,
+ title: "金山云OBS",
+ desc: "金山云分布式对象存储 KingStorage-OBS",
+ url: "https://www.ksyun.com/nv/product/ES10000.html",
+ target: "_blank",
},
],
};
diff --git a/src/views/Main/index.tsx b/src/views/Main/index.tsx
index 9e5b928..2e9c73b 100644
--- a/src/views/Main/index.tsx
+++ b/src/views/Main/index.tsx
@@ -1,12 +1,12 @@
/** @format */
-import { GithubFilled, InfoCircleFilled, LogoutOutlined, QuestionCircleFilled } from "@ant-design/icons";
import {
- DefaultFooter,
- PageContainer,
- ProCard,
- ProLayout,
-} from "@ant-design/pro-components";
+ GithubFilled,
+ InfoCircleFilled,
+ LogoutOutlined,
+ QuestionCircleFilled,
+} from "@ant-design/icons";
+import { DefaultFooter, PageContainer, ProCard, ProLayout } from "@ant-design/pro-components";
import defaultProps from "./defaultSettings.tsx";
import { Link, Outlet, useLocation } from "react-router-dom";
import logo from "@/assets/images/logo.png";
@@ -54,13 +54,12 @@ export default function Layout() {
menu={{
items: [
{
- key: 'logout',
+ key: "logout",
icon: ,
- label: '退出登录',
+ label: "退出登录",
},
],
- }}
- >
+ }}>
{dom}
);