Loopr Design Requirements

书鸿需要学会的

• npm：能够运行和关闭运行项目
• git：提交，推送更新，拉取更新，处理冲突
• react
  • 能够拆分一个组件
  • 能够定义一个组件（纯HTML）
  • 引用一个组件（文件路径）
  • 调用一个组件
  • 能够处理：组件分拆，组件引用过程中常见的问题
• antd
  • 能够使用antd常见交互组件：例如tab

Todolist

• 1、套页面：将html拆分嵌套到 11个模块的40+组件中
• 2、调样式：对一些交互我们使用了一些JS第三方库，需要在React中调整组件的默认样式，复合我们的整体风格
• 3、部分UI组件目前最新的HTML中是缺失的，需要后续补充。
• 学习less语法：将目前的css样式变量化
• 学习React的HTML语法（JSX），知道怎么在React中写Html和调整样式

关键设计

• OrderBook 两种模式
• 组件-表单：所有的表单的元素的大小和样式进行规范和统一
• 组件-提醒：Notification & Alert
• 组件-按钮：所有按钮大小统一
• 确认页：所有的确认页保持规范
• 详情页：所有的详情页保持统一
• 交互：Modal & Panel （哪些地方用panel哪些地方用Modal）

页面细节

• 顶部条对齐

页面列表

• 钱包页
  • 发送页
  • 发送确认页
  • 转换页
  • 收款页
  • Transaction(交易)详情页
• 交易页
  • 下单确认页
  • 订单详情页
  • 成交详情页
  • 取消订单确认页
• 账户
  • 空投列表页
  • 空投绑定页
  • 设置页
  • 导出钱包页
• 解锁页
  • 创建钱包
  • 备份钱包
  • metamask
  • trezor
  • ledger
  • 助记词
  • 私钥
  • Keystore
• 投资分析页:待定