✨ 更新样式

README.md

@@ -83,7 +83,7 @@ npm run build
 ## 打新包
 
 1. 修改 `src-tauri` 目录下的 `tauri.conf.json` 中的 `url、productName、icon、title、identifier` 这 5 个字段，其中 icon 可以从 icons 目录选择一个，也可以去 [macOSicons](https://macosicons.com/#/) 下载符合产品名称的
-2. 关于窗口属性设置，可以在 `tauri.conf.json` 修改 `windows` 属性对应的 `width/height`，是否全屏 `fullscreen`，是否可以调整大小 `resizable`，假如你不好适配沉浸式头部，可以将 `transparent` 设置成 `true` 即可。
+2. 关于窗口属性设置，可以在 `tauri.conf.json` 修改 `windows` 属性对应的 `width/height`，是否全屏 `fullscreen`，是否可以调整大小 `resizable`，假如你想适配沉浸式头部，可以将 `transparent` 设置成 `true` 然后找到 Header 样式加一个 `padding-top` 即可。
 3. `npm run dev` 本地调试看看效果，此外可以使用 `npm run dev:debug` 进行容器调试
 4. `npm run build` 运行即可打生产包
 

README_EN.md

@@ -83,7 +83,7 @@ npm run build
 ## New pack
 
 1. Modify the `tauri.conf.json` in the `src-tauri` directory to include 5 fields `url, productName, icon, title, identifier`, icon can be selected from the `icons` directory or downloaded from [macOSicons](https://macosicons.com/#/) to match the product.
-2. For window property settings, you can modify the `width/height` of the `windows` property in `tauri.conf.json`, whether it is `fullscreen`, whether it is `resizable`, if you are not good at adapting immersive headers, you can set `transparent` to `true` and you're done.
+2. For window property settings, you can modify the `width/height` of the `windows` property in `tauri.conf.json`, whether it is `fullscreen`, whether it is `resizable`, If you want to adapt the immersive header, you can set `transparent` to `true` and then find header element and add the 'padding-top' style.
 3. `npm run dev` for local debugging; `npm run dev:debug` to open the devtools for container debugging.
 4. `npm run build` can be run to package for production.
 

src-tauri/src/pake.js

@@ -22,10 +22,6 @@ const metaKeyShortcuts = {
 window.addEventListener('DOMContentLoaded', (_event) => {
   const style = document.createElement('style');
   style.innerHTML = `
-    #page .main_header, #ReactApp .lark .main-wrapper > div, #ReactApp .lark .sidebar-user-info, .explore-wrapper .yuque-header-wrapper {
-      padding-top: 20px;
-    }
-
     #page #footer-wrapper,
     .drawing-board .toolbar .toolbar-action,
     .c-swiper-container,
@@ -43,6 +39,10 @@ window.addEventListener('DOMContentLoaded', (_event) => {
       display: none !important;
     }
 
+    #page .main_header {
+      padding-top: 20px;
+    }
+
     .panel.give_me .nav_view {
       top: 154px !important;
     }

src-tauri/tauri.conf.json

@@ -7,7 +7,7 @@
     "windows": [
       {
         "url": "https://weread.qq.com/",
-        "transparent": true,
+        "transparent": false,
         "fullscreen": false,
         "width": 1200,
         "height": 728,