首页概览跳转优化

This commit is contained in:
禺狨 2023-03-21 10:23:54 +08:00
parent 7b08122f81
commit 5f45a8badf
3 changed files with 19 additions and 29 deletions

View File

@ -1,5 +1,6 @@
import React from "react"; import React from "react";
import { Layout } from "antd"; import { Layout } from "antd";
import { Link } from "react-router-dom";
export const Footer: React.FC = () => { export const Footer: React.FC = () => {
return ( return (
@ -12,10 +13,13 @@ export const Footer: React.FC = () => {
textAlign: "center", textAlign: "center",
}} }}
> >
<i <Link to="https://www.playedu.xyz/">
style={{ fontSize: 30, color: "#cccccc" }} <i
className="iconfont icon-waterprint" style={{ fontSize: 30, color: "#cccccc" }}
></i> className="iconfont icon-waterprint footer-icon"
onClick={() => {}}
></i>
</Link>
</Layout.Footer> </Layout.Footer>
); );
}; };

View File

@ -567,3 +567,10 @@ textarea.ant-input {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.footer-icon {
cursor: pointer;
&:hover {
opacity: 0.8;
}
}

View File

@ -1,7 +1,7 @@
import React, { useState, useEffect } from "react"; import React, { useState, useEffect } from "react";
import styles from "./index.module.less"; import styles from "./index.module.less";
import { Row, Col, message } from "antd"; import { Row, Col, message } from "antd";
import { useNavigate } from "react-router-dom"; import { Link, useNavigate } from "react-router-dom";
import banner from "../../assets/images/dashboard/img-a1.png"; import banner from "../../assets/images/dashboard/img-a1.png";
import icon from "../../assets/images/dashboard/icon-more.png"; import icon from "../../assets/images/dashboard/icon-more.png";
import iconN1 from "../../assets/images/dashboard/icon-n1.png"; import iconN1 from "../../assets/images/dashboard/icon-n1.png";
@ -53,24 +53,13 @@ export const Dashboard: React.FC<any> = () => {
tooltip: { tooltip: {
show: true, // 是否显示提示框 show: true, // 是否显示提示框
}, },
title: {
text: "", //主标题
left: "center", // 水平对齐方式
bottom: 0,
itemGap: 4, // 主副标题相隔间距
textStyle: {
// 主标题样式
fontSize: 16,
fontWeight: 400,
},
},
series: [ series: [
{ {
type: "pie", type: "pie",
radius: ["40%", "60%"], // 环比 圈的大小 radius: ["40%", "60%"], // 环比 圈的大小
center: ["50%", "40%"], // 图形在整个canvas中的位置 center: ["50%", "40%"], // 图形在整个canvas中的位置
color: ["#FE8650", "#FFB504"], // item的取色盘 color: ["#FE8650", "#FFB504"], // item的取色盘
avoidLabelOverlap: false, avoidLabelOverlap: true,
itemStyle: { itemStyle: {
borderColor: "#fff", // 白边 borderColor: "#fff", // 白边
borderWidth: 2, borderWidth: 2,
@ -80,16 +69,6 @@ export const Dashboard: React.FC<any> = () => {
disabled: true, disabled: true,
}, },
label: { label: {
show: true,
position: "center",
formatter: "总资源数" + num, // 可以自定义,也可以{a}{b}{c}这种
textStyle: {
// 主标题样式
fontSize: 14,
fontWeight: 600,
},
},
labelLine: {
show: false, show: false,
}, },
data: data, data: data,
@ -299,10 +278,10 @@ export const Dashboard: React.FC<any> = () => {
<div className={styles["large-title"]}>使</div> <div className={styles["large-title"]}>使</div>
<div className={styles["usage-guide"]}> <div className={styles["usage-guide"]}>
<img className={styles["banner"]} src={banner} alt="" /> <img className={styles["banner"]} src={banner} alt="" />
<div className={styles["link"]}> <Link to="https://www.playedu.xyz/" className={styles["link"]}>
Playedu Playedu
<img className={styles["icon"]} src={icon} alt="" /> <img className={styles["icon"]} src={icon} alt="" />
</div> </Link>
</div> </div>
</div> </div>
<div className="playedu-main-top mt-24"> <div className="playedu-main-top mt-24">