From d36a662f2cc9da32faf5a43465a0cdba315a6533 Mon Sep 17 00:00:00 2001 From: Peter Date: Thu, 9 Jan 2025 11:01:43 +0800 Subject: [PATCH] Update html --- html/images/boringhexEPD.png | Bin 0 -> 8643 bytes html/index.html | 391 +++++++++++++++++++++++------------ 2 files changed, 255 insertions(+), 136 deletions(-) create mode 100644 html/images/boringhexEPD.png diff --git a/html/images/boringhexEPD.png b/html/images/boringhexEPD.png new file mode 100644 index 0000000000000000000000000000000000000000..5092994640cef83d35c1156656213031aa0d5648 GIT binary patch literal 8643 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 A0ssI2 literal 0 HcmV?d00001 diff --git a/html/index.html b/html/index.html index 856b5f8..a6ec568 100644 --- a/html/index.html +++ b/html/index.html @@ -1,149 +1,268 @@ + - + - 4.2 寸电子墨水屏蓝牙控制器 - + fieldset { + border: none; + box-shadow: 0 .5rem 0.5rem rgba(0, 0, 0, 0.2); + background-color: #f8f9fa; + padding: 10px; + margin-bottom: 10px; + } + + fieldset legend { + font-weight: bold; + color: rgba(0, 0, 255, 0.6); + } + + code { + padding: .2em .4em; + margin: 0; + font-size: 85%; + background: #CCC; + border-radius: 3px; + } + + #status { + margin: 10px 0; + } + + #log { + width: 500px; + height: 300px; + margin: 0; + padding: 5px; + background: #DDD; + overflow: auto; + } + + #log .time { + color: #333; + } + + #log .action { + color: #666; + } + + #canvas-box { + margin-top: 10px; + } + + button { + padding: 0.375rem 0.75rem; + border: 1px solid #0d6efd; + border-radius: 0.375rem; + } + + button:disabled { + opacity: 0.65; + } + + button.primary { + color: #fff; + background-color: #0d6efd; + } + + button.primary:hover { + color: #fff; + border-color: #0b5ed7; + background-color: #0b5ed7; + } + + button.secondary { + color: #fff; + background-color: #6c757d; + } + + button.secondary:hover { + color: #fff; + border-color: #565e64; + background-color: #5c636a; + } + + input[type=text], + input[type=number], + select { + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #212529; + border: 1px solid #dee2e6; + border-radius: 0.375rem; + padding: .2rem .75rem; + } + + input[type=file] { + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #212529; + } + + input::file-selector-button { + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + border: 1px solid #0d6efd; + border-radius: 0.375rem; + } + + select { + padding: .3rem 2.25rem .3rem .75rem; + } + + input:focus, + select:focus { + border: 1px solid #86b7fe; + box-shadow: 0 0 4px rgba(0, 120, 215, 0.8); + ; + outline: 0; + } + -
-

4.2 寸电子墨水屏蓝牙控制器(nRF51)

-
- 蓝牙 -
-
- - -
-
- - - - - -
-
-
+
+

4.2寸电子墨水屏蓝牙控制器(nRF51)

+
+ 蓝牙 +
+
+ + +
+
+ + + + + +
+
+
-
- 传图 -
-
- - -
-
- - - -
-
-
状态:
-
-
-
- - - - - - -
- -
-
- -
-
-
-
-
- 提示 -
    -
  • 驱动选择:黑白屏可尝试 EPD_4in2 / EPD_4in2_V2, 三色屏选择 EPD_4in2b_V2 (选错驱动可能会导致任何未知的异常,重启即可恢复)
  • -
  • 引脚配置:格式为十六进制,顺序:MOSI/SCLK/CS/DC/ST/BUSY/BS,必须按此顺序包含完整的 7 个引脚配置(没有用到的引脚可配置为 FF
  • -
  • - 指令列表(指令和参数全部要使用十六进制): -
      -
    • 驱动相关: -
        -
      • 00+引脚配置: 设置引脚映射(见上面引脚配置)
      • -
      • 01+驱动 ID: 驱动初始化(支持的驱动 ID: 01/02/03
      • -
      • 02: 清空屏幕(把屏幕刷为白色)
      • -
      • 03+命令: 发送命令到屏幕(请参考屏幕主控手册)
      • -
      • 04+数据: 写入数据到屏幕内存(同上)
      • -
      • 05: 刷新屏幕(显示已写入屏幕内存的数据)
      • -
      • 06: 屏幕睡眠
      • -
      -
    • -
    • 系统相关: -
        -
      • 90+配置: 写入配置信息(重启生效,格式参考源码 epd_config_t
      • -
      • 91: 系统重启
      • -
      • 92: 系统睡眠
      • -
      • 99: 恢复默认设置并重启
      • -
      -
    • -
    -
  • -
  • 灰度:目前仅 EPD_4in2 驱动支持 4 级灰度,其它驱动选择此选项结果未知。
  • -
-

- 系统睡眠后可通过线圈(NFC/无线充电器)唤醒(需正确配置线圈对应的引脚才有效),否则一旦系统睡眠只有重新上电才能开启蓝牙。如果价签上带有 LED,系统启动时 LED 会闪一下(需正确配置 LED 对应的引脚才有效),以便知道系统是否已经被线圈唤醒。 -

-

- 致谢:屏幕驱动代码来自微雪 E-Paper Shield,本网页代码最初基于 atc1441/ATC_TLSR_Paper 项目的网页控制端代码修改而来。 -

-
-
- - - +
+ 传图 +
+
+ + +
+
+ + + +
+
+
+ 状态: +
+
+
+
+ + + + + + +
+ +
+
+ +
+
+
+
+
+ 提示 +
    +
  • 驱动选择:黑白屏可尝试 EPD_4in2 / EPD_4in2_V2, 三色屏选择 EPD_4in2b_V2 (选错驱动可能会导致任何未知的异常,重启即可恢复)
  • +
  • 引脚配置:格式为十六进制,顺序:MOSI/SCLK/CS/DC/ST/BUSY/BS,必须按此顺序包含完整的 7 个引脚配置(没有用到的引脚可配置为 FF) +
  • +
  • + 指令列表(指令和参数全部要使用十六进制): +
      +
    • 驱动相关: +
        +
      • 00+引脚配置: 设置引脚映射(见上面引脚配置)
      • +
      • 01+驱动 ID: 驱动初始化(支持的驱动 ID: + 01/02/03) +
      • +
      • 02: 清空屏幕(把屏幕刷为白色)
      • +
      • 03+命令: 发送命令到屏幕(请参考屏幕主控手册)
      • +
      • 04+数据: 写入数据到屏幕内存(同上)
      • +
      • 05: 刷新屏幕(显示已写入屏幕内存的数据)
      • +
      • 06: 屏幕睡眠
      • +
      +
    • +
    • 系统相关: +
        +
      • 90+配置: 写入配置信息(重启生效,格式参考源码 epd_config_t
      • +
      • 91: 系统重启
      • +
      • 92: 系统睡眠
      • +
      • 99: 恢复默认设置并重启
      • +
      +
    • +
    +
  • +
  • 灰度:目前仅 EPD_4in2 驱动支持 4 级灰度,其它驱动选择此选项结果未知。
  • +
+

+ 系统睡眠后可通过线圈(NFC/无线充电器)唤醒(需正确配置线圈对应的引脚才有效),否则一旦系统睡眠只有重新上电才能开启蓝牙。如果价签上带有 LED,系统启动时 LED 会闪一下(需正确配置 LED + 对应的引脚才有效),以便知道系统是否已经被线圈唤醒。 +

+

+ 致谢:本项目基于 EPD-nRF51 + 分叉而来,感谢原作者的分享和贡献。 +

+
+
+ + + \ No newline at end of file