9 changed files with 412 additions and 0 deletions
-
8.idea/.gitignore
-
6.idea/inspectionProfiles/Project_Default.xml
-
8.idea/modules.xml
-
7.idea/prettier.xml
-
12.idea/tron-v1.iml
-
6.idea/vcs.xml
-
25next.config.js
-
177src/app/home/resources2/components/MyResources.tsx
-
163src/app/home/resources2/components/MyStake.tsx
@ -0,0 +1,8 @@ |
|||||
|
# 默认忽略的文件 |
||||
|
/shelf/ |
||||
|
/workspace.xml |
||||
|
# 基于编辑器的 HTTP 客户端请求 |
||||
|
/httpRequests/ |
||||
|
# Datasource local storage ignored files |
||||
|
/dataSources/ |
||||
|
/dataSources.local.xml |
||||
@ -0,0 +1,6 @@ |
|||||
|
<component name="InspectionProjectProfileManager"> |
||||
|
<profile version="1.0"> |
||||
|
<option name="myName" value="Project Default" /> |
||||
|
<inspection_tool class="TsLint" enabled="true" level="WARNING" enabled_by_default="true" /> |
||||
|
</profile> |
||||
|
</component> |
||||
@ -0,0 +1,8 @@ |
|||||
|
<?xml version="1.0" encoding="UTF-8"?> |
||||
|
<project version="4"> |
||||
|
<component name="ProjectModuleManager"> |
||||
|
<modules> |
||||
|
<module fileurl="file://$PROJECT_DIR$/.idea/tron-v1.iml" filepath="$PROJECT_DIR$/.idea/tron-v1.iml" /> |
||||
|
</modules> |
||||
|
</component> |
||||
|
</project> |
||||
@ -0,0 +1,7 @@ |
|||||
|
<?xml version="1.0" encoding="UTF-8"?> |
||||
|
<project version="4"> |
||||
|
<component name="PrettierConfiguration"> |
||||
|
<option name="myConfigurationMode" value="AUTOMATIC" /> |
||||
|
<option name="myRunOnSave" value="true" /> |
||||
|
</component> |
||||
|
</project> |
||||
@ -0,0 +1,12 @@ |
|||||
|
<?xml version="1.0" encoding="UTF-8"?> |
||||
|
<module type="WEB_MODULE" version="4"> |
||||
|
<component name="NewModuleRootManager"> |
||||
|
<content url="file://$MODULE_DIR$"> |
||||
|
<excludeFolder url="file://$MODULE_DIR$/.tmp" /> |
||||
|
<excludeFolder url="file://$MODULE_DIR$/temp" /> |
||||
|
<excludeFolder url="file://$MODULE_DIR$/tmp" /> |
||||
|
</content> |
||||
|
<orderEntry type="inheritedJdk" /> |
||||
|
<orderEntry type="sourceFolder" forTests="false" /> |
||||
|
</component> |
||||
|
</module> |
||||
@ -0,0 +1,6 @@ |
|||||
|
<?xml version="1.0" encoding="UTF-8"?> |
||||
|
<project version="4"> |
||||
|
<component name="VcsDirectoryMappings"> |
||||
|
<mapping directory="" vcs="Git" /> |
||||
|
</component> |
||||
|
</project> |
||||
@ -0,0 +1,25 @@ |
|||||
|
/** @type {import('next').NextConfig} */ |
||||
|
const withLess = require('next-with-less'); |
||||
|
|
||||
|
const nextConfig = { |
||||
|
webpack: (config) => { |
||||
|
config.module.rules.push({ |
||||
|
test: /\.less$/, |
||||
|
use: [ |
||||
|
'style-loader', |
||||
|
'css-loader', |
||||
|
{ |
||||
|
loader: 'less-loader', |
||||
|
options: { |
||||
|
lessOptions: { |
||||
|
javascriptEnabled: true, |
||||
|
}, |
||||
|
}, |
||||
|
}, |
||||
|
], |
||||
|
}); |
||||
|
return config; |
||||
|
}, |
||||
|
}; |
||||
|
|
||||
|
module.exports = nextConfig; |
||||
@ -0,0 +1,177 @@ |
|||||
|
"use client"; |
||||
|
import React from "react"; |
||||
|
import { |
||||
|
Button, |
||||
|
Card, |
||||
|
Col, |
||||
|
Dropdown, |
||||
|
Row, |
||||
|
Space, |
||||
|
Table, |
||||
|
Tabs, |
||||
|
type TabsProps, |
||||
|
Typography, |
||||
|
} from "antd"; |
||||
|
import { CalculatorOutlined, MoreOutlined } from "@ant-design/icons"; |
||||
|
import Link from "antd/lib/typography/Link"; |
||||
|
import MyStake from "@/app/home/resources2/components/MyStake"; |
||||
|
|
||||
|
const { Text } = Typography; |
||||
|
|
||||
|
const MyResources = () => { |
||||
|
const columns_key1 = [ |
||||
|
{ |
||||
|
title: "资源类型", |
||||
|
dataIndex: "name", |
||||
|
key: "name", |
||||
|
}, |
||||
|
{ |
||||
|
title: "获取资源数量", |
||||
|
dataIndex: "quantity", |
||||
|
key: "quantity", |
||||
|
}, |
||||
|
{ |
||||
|
title: "质押数量", |
||||
|
dataIndex: "name", |
||||
|
key: "name", |
||||
|
}, |
||||
|
{ |
||||
|
title: "最后操作时间 (UTC)", |
||||
|
dataIndex: "quantity", |
||||
|
key: "quantity", |
||||
|
}, |
||||
|
{ |
||||
|
title: "操作", |
||||
|
render: () => { |
||||
|
return ( |
||||
|
<Dropdown menu={{ items }}> |
||||
|
<MoreOutlined /> |
||||
|
</Dropdown> |
||||
|
); |
||||
|
}, |
||||
|
}, |
||||
|
]; |
||||
|
|
||||
|
const items: TabsProps["items"] = [ |
||||
|
{ |
||||
|
key: "1", |
||||
|
label: "质押获得", |
||||
|
children: <Table dataSource={[]} columns={columns_key1} />, |
||||
|
}, |
||||
|
{ |
||||
|
key: "2", |
||||
|
label: "他人代理给自己", |
||||
|
children: <Table dataSource={[]} columns={columns_key1} />, |
||||
|
}, |
||||
|
{ |
||||
|
key: "3", |
||||
|
label: "代理给他人", |
||||
|
children: <Table dataSource={[]} columns={columns_key1} />, |
||||
|
}, |
||||
|
]; |
||||
|
|
||||
|
return ( |
||||
|
<Space direction={"vertical"} size={[16, 16]} style={{ width: "100%" }}> |
||||
|
<Row gutter={[16, 16]}> |
||||
|
<Col xs={24} sm={12} lg={12}> |
||||
|
<Card |
||||
|
style={{ backgroundColor: "#fffbf6" }} |
||||
|
title={ |
||||
|
<div |
||||
|
style={{ |
||||
|
display: "flex", |
||||
|
justifyContent: "space-between", |
||||
|
alignItems: "center", |
||||
|
}} |
||||
|
> |
||||
|
<div>我的能量</div> |
||||
|
<Space> |
||||
|
<CalculatorOutlined /> |
||||
|
<Link>去管理</Link> |
||||
|
</Space> |
||||
|
</div> |
||||
|
} |
||||
|
> |
||||
|
<Space direction={"vertical"}> |
||||
|
<Space> |
||||
|
<Text>可用：</Text> |
||||
|
<Text>0</Text> |
||||
|
</Space> |
||||
|
<Space> |
||||
|
<Text>已使用：</Text> |
||||
|
<Text>0</Text> |
||||
|
</Space> |
||||
|
<Space> |
||||
|
<Text>质押获得：</Text> |
||||
|
<Text>0</Text> |
||||
|
</Space> |
||||
|
<Space> |
||||
|
<Text>他人代理给自己：</Text> |
||||
|
<Text>0</Text> |
||||
|
</Space> |
||||
|
<Space> |
||||
|
<Text>代理给他人：</Text> |
||||
|
<Text>0</Text> |
||||
|
</Space> |
||||
|
<Space> |
||||
|
<Button>获取能量</Button> |
||||
|
<Button>代理给他人</Button> |
||||
|
</Space> |
||||
|
</Space> |
||||
|
</Card> |
||||
|
</Col> |
||||
|
<Col xs={24} sm={12} lg={12}> |
||||
|
<Card |
||||
|
title={ |
||||
|
<div |
||||
|
style={{ |
||||
|
display: "flex", |
||||
|
justifyContent: "space-between", |
||||
|
alignItems: "center", |
||||
|
}} |
||||
|
> |
||||
|
<div>我的带宽</div> |
||||
|
<Space> |
||||
|
<CalculatorOutlined /> |
||||
|
</Space> |
||||
|
</div> |
||||
|
} |
||||
|
> |
||||
|
<Space direction={"vertical"}> |
||||
|
<Space> |
||||
|
<Text>可用：</Text> |
||||
|
<Text>0</Text> |
||||
|
</Space> |
||||
|
<Space> |
||||
|
<Text>已使用：</Text> |
||||
|
<Text>0</Text> |
||||
|
</Space> |
||||
|
<Space> |
||||
|
<Text>质押获得：</Text> |
||||
|
<Text>0</Text> |
||||
|
</Space> |
||||
|
<Space> |
||||
|
<Text>他人代理给自己：</Text> |
||||
|
<Text>0</Text> |
||||
|
</Space> |
||||
|
<Space> |
||||
|
<Text>代理给他人：</Text> |
||||
|
<Text>0</Text> |
||||
|
</Space> |
||||
|
<Space> |
||||
|
<Button>获取带宽</Button> |
||||
|
<Button>代理给他人</Button> |
||||
|
</Space> |
||||
|
</Space> |
||||
|
</Card> |
||||
|
</Col> |
||||
|
</Row> |
||||
|
<Card title={"资源明细"}> |
||||
|
{" "} |
||||
|
<Tabs defaultActiveKey="1" items={items} /> |
||||
|
</Card> |
||||
|
</Space> |
||||
|
); |
||||
|
}; |
||||
|
|
||||
|
export default MyResources; |
||||
@ -0,0 +1,163 @@ |
|||||
|
"use client"; |
||||
|
import React from "react"; |
||||
|
import { |
||||
|
Button, |
||||
|
Card, |
||||
|
Col, |
||||
|
Dropdown, |
||||
|
Row, |
||||
|
Space, |
||||
|
Table, |
||||
|
Tabs, |
||||
|
type TabsProps, |
||||
|
Typography, |
||||
|
} from "antd"; |
||||
|
import { CalculatorOutlined, MoreOutlined } from "@ant-design/icons"; |
||||
|
import Link from "antd/lib/typography/Link"; |
||||
|
|
||||
|
const { Text } = Typography; |
||||
|
|
||||
|
const MyStake = () => { |
||||
|
const columns_key1 = [ |
||||
|
{ |
||||
|
title: "资源类型", |
||||
|
dataIndex: "name", |
||||
|
key: "name", |
||||
|
}, |
||||
|
{ |
||||
|
title: "获取资源数量", |
||||
|
dataIndex: "quantity", |
||||
|
key: "quantity", |
||||
|
}, |
||||
|
{ |
||||
|
title: "质押数量", |
||||
|
dataIndex: "name", |
||||
|
key: "name", |
||||
|
}, |
||||
|
{ |
||||
|
title: "最后操作时间 (UTC)", |
||||
|
dataIndex: "quantity", |
||||
|
key: "quantity", |
||||
|
}, |
||||
|
{ |
||||
|
title: "操作", |
||||
|
render: () => { |
||||
|
return ( |
||||
|
<Dropdown menu={{ items }}> |
||||
|
<MoreOutlined /> |
||||
|
</Dropdown> |
||||
|
); |
||||
|
}, |
||||
|
}, |
||||
|
]; |
||||
|
|
||||
|
const items: TabsProps["items"] = [ |
||||
|
{ |
||||
|
key: "1", |
||||
|
label: "质押中", |
||||
|
children: <Table dataSource={[]} columns={columns_key1} />, |
||||
|
}, |
||||
|
{ |
||||
|
key: "2", |
||||
|
label: "解锁中", |
||||
|
children: <Table dataSource={[]} columns={columns_key1} />, |
||||
|
}, |
||||
|
]; |
||||
|
|
||||
|
return ( |
||||
|
<Space direction={"vertical"} size={[16, 16]} style={{ width: "100%" }}> |
||||
|
<Row gutter={[16, 16]}> |
||||
|
<Col xs={24} sm={12} lg={12}> |
||||
|
<Card |
||||
|
style={{ backgroundColor: "#fffbf6", height: 230 }} |
||||
|
title={ |
||||
|
<div |
||||
|
style={{ |
||||
|
display: "flex", |
||||
|
justifyContent: "space-between", |
||||
|
alignItems: "center", |
||||
|
}} |
||||
|
> |
||||
|
<div>质押中</div> |
||||
|
</div> |
||||
|
} |
||||
|
> |
||||
|
<Space direction={"vertical"}> |
||||
|
<Space> |
||||
|
<Text>数量：</Text> |
||||
|
<Text>0</Text> |
||||
|
</Space> |
||||
|
<Space> |
||||
|
<Text>能量：</Text> |
||||
|
<Text>0</Text> |
||||
|
</Space> |
||||
|
<Space> |
||||
|
<Text>带宽：</Text> |
||||
|
<Text>0</Text> |
||||
|
</Space> |
||||
|
<Space> |
||||
|
<Button>质押TRX</Button> |
||||
|
<Button>解锁TRX</Button> |
||||
|
</Space> |
||||
|
</Space> |
||||
|
</Card> |
||||
|
</Col> |
||||
|
<Col xs={24} sm={6} lg={6}> |
||||
|
<Card |
||||
|
style={{ backgroundColor: "#e7daca", height: 230 }} |
||||
|
title={ |
||||
|
<div |
||||
|
style={{ |
||||
|
display: "flex", |
||||
|
justifyContent: "space-between", |
||||
|
alignItems: "center", |
||||
|
}} |
||||
|
> |
||||
|
<div>解锁中</div> |
||||
|
</div> |
||||
|
} |
||||
|
> |
||||
|
<Space direction={"vertical"}> |
||||
|
<Space> |
||||
|
<Text>数量：</Text> |
||||
|
<Text>0</Text> |
||||
|
</Space> |
||||
|
<Text>当前有 0 笔解锁中的交易</Text> |
||||
|
</Space> |
||||
|
</Card> |
||||
|
</Col> |
||||
|
<Col xs={24} sm={6} lg={6}> |
||||
|
<Card |
||||
|
style={{ backgroundColor: "#dee0cd", height: 230 }} |
||||
|
title={ |
||||
|
<div |
||||
|
style={{ |
||||
|
display: "flex", |
||||
|
justifyContent: "space-between", |
||||
|
alignItems: "center", |
||||
|
}} |
||||
|
> |
||||
|
<div>待提取</div> |
||||
|
</div> |
||||
|
} |
||||
|
> |
||||
|
<Space direction={"vertical"}> |
||||
|
<Space> |
||||
|
<Text>数量：</Text> |
||||
|
<Text>0</Text> |
||||
|
</Space> |
||||
|
<Text>当前有 0 笔解锁中的交易</Text> |
||||
|
<Button>提取TRX</Button> |
||||
|
</Space> |
||||
|
</Card> |
||||
|
</Col> |
||||
|
</Row> |
||||
|
<Card title={"TRX 明细"}> |
||||
|
{" "} |
||||
|
<Tabs defaultActiveKey="1" items={items} /> |
||||
|
</Card> |
||||
|
</Space> |
||||
|
); |
||||
|
}; |
||||
|
|
||||
|
export default MyStake; |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue