2187b3d2 by niexq

feat: add Gauge demo

0 parents
/node_modules
/.env.local
/.umirc.local.ts
/config/config.local.ts
/src/.umi
/src/.umi-production
/src/.umi-test
/dist
.swc
registry=https://registry.npmmirror.com/
import { defineConfig } from "umi";
export default defineConfig({
routes: [
{ path: "/", component: "index" },
// { path: "/docs", component: "docs" },
],
npmClient: 'pnpm',
});
# 压力表盘自动生成系统
## 开发
```
pnpm install
pnpm dev
```
{
"private": true,
"author": "niexq <niexq0319@gmail.com>",
"scripts": {
"dev": "umi dev",
"build": "umi build",
"postinstall": "umi setup",
"setup": "umi setup",
"start": "npm run dev"
},
"dependencies": {
"@ant-design/charts": "^0.9.13",
"umi": "^4.3.20"
},
"devDependencies": {
"@types/react": "^18.0.33",
"@types/react-dom": "^18.0.11",
"typescript": "^5.0.3"
}
}
This diff could not be displayed because it is too large.
.navs {
ul {
padding: 0;
list-style: none;
display: flex;
}
li {
margin-right: 1em;
}
}
import { Link, Outlet } from 'umi';
import styles from './index.less';
export default function Layout() {
return (
<div className={styles.navs}>
<Outlet />
</div>
);
}
import { Gauge } from '@ant-design/charts';
const DemoGauge: React.FC = () => {
const config = {
title: {
visible: false,
text: '压力表',
},
width: 400,
height: 400,
value: 0.75,
min: 0,
max: 1.6,
range: [0, 0.4, 0.8, 1.2, 1.6],
statistic: {
visible: true,
text: '压力表',
color: '#faad14',
},
color: ['#39B8FF', '#52619B', '#43E089', '#C0EDF3'],
format: (v: number) => {
return Number(v).toFixed(1);
},
};
return <Gauge {...config} />;
};
export default DemoGauge;
\ No newline at end of file
const DocsPage = () => {
return (
<div>
<p>This is umi docs.</p>
</div>
);
};
export default DocsPage;
import Gauge from './Gauge';
export default function HomePage() {
return (
<Gauge />
);
}
{
"extends": "./src/.umi/tsconfig.json"
}
import 'umi/typings';
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!