feat: update ui page

CHANGELOG.md

@@ -1,5 +1,9 @@
 ### Change Log
 
+## v0.0.21
+- 整体升级 ui 
+- 添加多语言功能，目前有 中文, English
+
 ## v0.0.20
 - 合约资金费率监听调整为单独开关
 - 增加合约资金费率页面，可以查询当前所有币种的资金费率和资金费率历史记录

README.CN.md

@@ -1,5 +1,5 @@
 <p align="center">
-    <a href="./README.md">english </a>
+    <a href="./README.md">English </a>
     ·
     <a href="./README.CN.md">简体中文</a>
 </p>
@@ -27,53 +27,53 @@
 
 ## 合约交易
 - 每个币种的单独配置
-![交易币种](./img/coins.jpg)
-![钉钉推送1](./img/dingding.jpeg)
+![交易币种](./img/cn/coins.jpg)
+![钉钉推送1](./img/cn/dingding.jpeg)
 
 ## 合约订单
 - 合约自动交易的订单历史(收益是根据下单预估的，没有查询币安的接口，与实际收益会有稍微不同)
-![交易订单](./img/order.jpg)
+![交易订单](./img/cn/order.jpg)
 
 ## 新币抢购
 - 币币抢买
 - 币币挖矿抢卖
 - 合约抢买做多
 - 合约抢买做空
-![新币抢购](./img/rush.jpg)
+![新币抢购](./img/cn/rush.jpg)
 
 ## 币种通知
 ### 现货通知
 - 达到预设价格报警通知
 - 自动买入或卖出
-![现货通知](./img/spot_notice.jpg)
+![现货通知](./img/cn/spot_notice.jpg)
 
 ### 合约通知
 - 达到预设价格报警通知
 - 自动买入并自动挂止盈止损单
-![合约通知](./img/feature_notice.jpg)
+![合约通知](./img/cn/feature_notice.jpg)
 
 ## 行情监听
 
 ### 现货监听
 - k线变化监听
-![现货监听](./img/listen_spot.jpg)
+![现货监听](./img/cn/listen_spot.jpg)
 
 ### 合约监听
 - k线变化监听
 - 肯纳特通道信号监听
-![合约监听](./img/listen_feature.jpg)
-![合约监听chart1](./img/listen_chat_kc.jpg)
-![合约监听通知1](./img/listen_dingding.jpg)
+![合约监听](./img/cn/listen_feature.jpg)
+![合约监听chart1](./img/cn/listen_chat_kc.jpg)
+![合约监听通知1](./img/cn/listen_dingding.jpg)
 
 ## 资金费率
 - 资金费率查询和历史记录
 - 资金费率变化监听
-![资金费率](./img/fundingrate.jpg)
-![资金费率历史](./img/fundingrate_history.jpg)
+![资金费率](./img/cn/fundingrate.jpg)
+![资金费率历史](./img/cn/fundingrate_history.jpg)
 
 ## 系统设置
 - 交易的基本相关的配置(conf)
-![交易配置](./img/config.jpg)
+![交易配置](./img/cn/config.jpg)
 
 ## 使用注意事项
 - 网络必须处于大陆之外(因为币安接口大陆正常无法访问), 已添加币安 api 的代理配置(websocket 因为使用组件问题，暂无代理配置， websocket 只是用于后台更新合约币种最新价格)，如果有可用代理也可以正常使用
@@ -142,14 +142,14 @@ strategy_coin = coin5
 
 #### 币币抢买功能配置例子
 
-| 币种  |  买卖类型 | 类型  | usdt  |数量精度  | 开启  |
+| 币种  |  买卖类型 | 类型  | usdt  | 数量精度  | 开启  |
 | ------------ | ------------ | ------------ | ------------ | ------------ | ------------ |
 | ABCUSDT(切记带着USDT后缀)   | 买币  | 币币  | 10  |0.1(手动设定会减少一次api请求，不知道时设置为0会在上线时查询接口自动获取)   | 开启   |
 
 #### 币币挖矿抢卖功能配置例子
 > ps: 如果挖矿的总价值小于5usdt，不能进行交易
 
-| 币种  |  买卖类型 | 类型  | 数量精度  | 卖出数量 | 开启  |
+| 币种  |  买卖类型 | 类型  | 数量精度  | 数量 | 开启  |
 | ------------ | ------------ | ------------ | ------------ | ------------ | ------------ |
 | ABCUSDT(切记带着USDT后缀)   | 卖币  | 币币  | 0.1(手动设定会减少一次api请求，不知道时设置为0会在上线时查询接口自动获取)   | 80(挖矿所得数量) |开启   |
 

README.md

@@ -1,5 +1,5 @@
 <p align="center">
-    <a href="./README.md">english </a>
+    <a href="./README.md">English </a>
     ·
     <a href="./README.CN.md">简体中文</a>
 </p>
@@ -31,49 +31,49 @@ You assume all responsibility and liability.
 
 ## futures-trade
 - Independent configuration for each coin
-![交易币种](./img/coins.jpg)
-![钉钉推送1](./img/dingding.jpeg)
+![交易币种](./img/en/coins.jpg)
+![钉钉推送1](./img/en/dingding.jpeg)
 
 ## futures-trade-order
 - Order history (revenue is estimated based on orders placed, without a Binance query interface, and may differ slightly from actual revenue)
-![交易订单](./img/order.jpg)
+![交易订单](./img/en/order.jpg)
 
 ## new-coin-rush
 - spot rush buy
 - mining rush sell
 - futures rush long
 - futures rush short
-![新币抢购](./img/rush.jpg)
+![新币抢购](./img/en/rush.jpg)
 
 ## coin-notice
 ### spot-notice
 - alarm notification for reaching the preset price
 - automatic buying or selling
-![现货通知](./img/spot_notice.jpg)
+![现货通知](./img/en/spot_notice.jpg)
 
 ### futures-notice
 - alarm notification for reaching the preset price
 - automatic buying or selling
-![合约通知](./img/futures_notice.jpg)
+![合约通知](./img/en/futures_notice.jpg)
 
 ## market-listen
 
 ### spot-listen
 - kline change listen
-![现货监听](./img/listen_spot.jpg)
+![现货监听](./img/en/listen_spot.jpg)
 
 ### futures-listen
 - kline change listen
 - kline keltner channels listen
-![合约监听](./img/listen_futures.jpg)
-![合约监听chart1](./img/listen_chat_kc.jpg)
-![合约监听通知1](./img/listen_dingding.jpg)
+![合约监听](./img/en/listen_futures.jpg)
+![合约监听chart1](./img/en/listen_chat_kc.jpg)
+![合约监听通知1](./img/en/listen_dingding.jpg)
 
 ## funding-rate
 - funding rate search and history
 - funding rate change listen
-![资金费率](./img/fundingrate.jpg)
-![资金费率历史](./img/fundingrate_history.jpg)
+![资金费率](./img/en/fundingrate.jpg)
+![资金费率历史](./img/en/fundingrate_history.jpg)
 
 ## system-config
 - app.conf
@@ -164,7 +164,7 @@ dingding_word = "报警"
 # external links
 links = [{"url": "url1", "title": "title1"}]
 ```
-![交易配置](./img/config.jpg)
+![交易配置](./img/en/config.jpg)
 
 ## important
 - The network must be located outside the mainland (as the Binance interface cannot be accessed normally in mainland China). The proxy configuration for Binance API has been added (websocket has no proxy configuration due to component usage issues, and is only used to update the latest contract currency prices in the background). If there are available proxies, they can also be used normally
@@ -216,25 +216,25 @@ The login account password is the `web.username` and `web.password` in the `app.
 
 #### spot rush buy
 
-| coin  |  trade_type | type  | usdt  | step_size  | enable  |
+| coin  |  trade_type | coin_type  | usdt  | step_size  | enable  |
 | ------------ | ------------ | ------------ | ------------ | ------------ | ------------ |
 | ABCUSDT  | buy  | spot  | 10  |0.1(if you don't know, please fill in 0)   | open   |
 
 #### spot mining rush sell
 > ps:Binance has a minimum transaction limit, and if the quantity is too small (such as 5 USDT), it cannot be conducted
 
-| coin  |  trade_type | type  | step_size  | amount  | enable  |
+| coin  |  trade_type | coin_type  | step_size  | amount  | enable  |
 | ------------ | ------------ | ------------ | ------------ | ------------ | ------------ |
 | ABCUSDT  | sell  | spot  | 0.1(if you don't know, please fill in 0)   | 80(Quantity of mining income) | open  |
 
 #### futures rush buy long
 
-| coin  |  trade_type | type  | margin_type | usdt|  leverage | step_size  |  enable  |
+| coin  |  trade_type | coin_type  | margin_type | usdt|  leverage | step_size  |  enable  |
 | ------------ | ------------ | ------------ | ------------ | ------------ | ------------ |------------ | ------------ |
 | ABCUSDT  | buy_long  | futures  | ISOLATED or CROSSED| 10|3 | 0.1(if you don't know, please fill in 0)  | open   |
 
 #### 合约抢买做空配置例子
-| coin  |  trade_type | type  |margin_type| usdt|  leverage| step_size  |  enable  |
+| coin  |  trade_type | coin_type  |margin_type| usdt|  leverage | step_size  |  enable  |
 | ------------ | ------------ | ------------ | ------------ | ------------ | ------------ |------------ | ------------ |
 | ABCUSDT   | buy_short  | futures  | ISOLATED or CROSSED | 10|3 | 0.1(if you don't know, please fill in 0)   | open   |