From 031f0f18ed46c3d56e66469a792f52fbda59ca1b Mon Sep 17 00:00:00 2001
From: lb <liubin_9396@163.com>
Date: Wed, 9 Nov 2022 15:30:00 +0800
Subject: [PATCH] update Navbar & beilv

---
 src/App.vue                      |  15 ++++-
 src/icons/svg/alarm-old.svg      |   1 +
 src/icons/svg/alarm.svg          |  15 ++++-
 src/icons/svg/alarmb.svg         |  14 ++++
 src/icons/svg/chrome-old.svg     |   2 +
 src/icons/svg/chrome.svg         |  12 +++-
 src/icons/svg/chromeb.svg        |  10 +++
 src/icons/svg/home-old.svg       |   1 +
 src/icons/svg/home.svg           |  11 ++-
 src/icons/svg/homeb.svg          |  10 +++
 src/layout/components/Navbar.vue | 112 +++++++++++++++++--------------
 src/views/ChoicePart/index.vue   |  42 ++++++------
 12 files changed, 168 insertions(+), 77 deletions(-)
 create mode 100644 src/icons/svg/alarm-old.svg
 create mode 100644 src/icons/svg/alarmb.svg
 create mode 100644 src/icons/svg/chrome-old.svg
 create mode 100644 src/icons/svg/chromeb.svg
 create mode 100644 src/icons/svg/home-old.svg
 create mode 100644 src/icons/svg/homeb.svg

diff --git a/src/App.vue b/src/App.vue
index 13bde7b..4d0df89 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -8,12 +8,21 @@
 export default {
   name: 'App',
   mounted() {
+    this.beilv = document.body.offsetWidth / 1920
+    document.documentElement.style.setProperty('--beilv', this.beilv)
+    window.addEventListener('resize', () => {
+      this.beilv = document.body.offsetWidth / 1920
+      document.documentElement.style.setProperty('--beilv', this.beilv)
+    })
+  },
+  data() {
+    beilv: 1
   }
 }
 </script>
 
 <style lang="scss" scoped>
-  #app {
-    background-color: #f2f4f9;
-  }
+#app {
+  background-color: #f2f4f9;
+}
 </style>
diff --git a/src/icons/svg/alarm-old.svg b/src/icons/svg/alarm-old.svg
new file mode 100644
index 0000000..2cd3ac9
--- /dev/null
+++ b/src/icons/svg/alarm-old.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1611908177855" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6794" width="32" height="32" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M577.463954 946.834286c20.114286 0 36.425143 16.237714 36.425143 36.352v4.388571a36.352 36.352 0 0 1-36.425143 36.425143h-130.925714a36.352 36.352 0 0 1-36.425143-36.352v-4.388571c0-20.187429 16.310857-36.425143 36.425143-36.425143h130.925714zM512.001097 0c75.044571 0 135.826286 57.344 135.826286 128l0.073143 23.990857c139.117714 51.2 237.714286 178.761143 237.714285 328.045714l-0.073142 334.482286h63.488c21.211429 0 38.4 17.188571 38.4 38.4v4.681143c0 21.211429-17.188571 38.4-38.4 38.4H74.972526A38.4 38.4 0 0 1 36.572526 857.6v-4.681143c0-21.211429 17.188571-38.4 38.4-38.4h63.414857V480.036571c0-149.211429 98.596571-276.772571 237.714286-328.045714V128C376.174811 57.344 437.029669 0 512.001097 0z m0 211.602286c-151.990857 0-284.086857 120.32-284.086857 268.8l-0.073143 334.116571h571.026286V480.402286c0-148.48-134.875429-268.8-286.866286-268.8z m0-140.8c-37.522286 0-61.586286 21.869714-61.586286 57.197714h0.073143v4.754286a398.628571 398.628571 0 0 1 123.684572 0.073143l-0.073143-4.827429c0-35.328-24.576-57.197714-62.098286-57.197714z" p-id="6795"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/alarm.svg b/src/icons/svg/alarm.svg
index 2cd3ac9..d5b848b 100644
--- a/src/icons/svg/alarm.svg
+++ b/src/icons/svg/alarm.svg
@@ -1 +1,14 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1611908177855" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6794" width="32" height="32" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M577.463954 946.834286c20.114286 0 36.425143 16.237714 36.425143 36.352v4.388571a36.352 36.352 0 0 1-36.425143 36.425143h-130.925714a36.352 36.352 0 0 1-36.425143-36.352v-4.388571c0-20.187429 16.310857-36.425143 36.425143-36.425143h130.925714zM512.001097 0c75.044571 0 135.826286 57.344 135.826286 128l0.073143 23.990857c139.117714 51.2 237.714286 178.761143 237.714285 328.045714l-0.073142 334.482286h63.488c21.211429 0 38.4 17.188571 38.4 38.4v4.681143c0 21.211429-17.188571 38.4-38.4 38.4H74.972526A38.4 38.4 0 0 1 36.572526 857.6v-4.681143c0-21.211429 17.188571-38.4 38.4-38.4h63.414857V480.036571c0-149.211429 98.596571-276.772571 237.714286-328.045714V128C376.174811 57.344 437.029669 0 512.001097 0z m0 211.602286c-151.990857 0-284.086857 120.32-284.086857 268.8l-0.073143 334.116571h571.026286V480.402286c0-148.48-134.875429-268.8-286.866286-268.8z m0-140.8c-37.522286 0-61.586286 21.869714-61.586286 57.197714h0.073143v4.754286a398.628571 398.628571 0 0 1 123.684572 0.073143l-0.073143-4.827429c0-35.328-24.576-57.197714-62.098286-57.197714z" p-id="6795"></path></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>2</title>
+    <g id="2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="编组">
+            <rect id="矩形" x="0" y="0" width="24" height="24"></rect>
+            <rect id="矩形" x="0" y="0" width="24" height="24"></rect>
+            <g id="消息" transform="translate(1.500000, 0.330627)" fill-rule="nonzero">
+                <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="21" height="21"></rect>
+                <path d="M12.375,20.8465581 L12.481439,20.8533125 C12.8247806,20.8979809 13.05,21.1605815 13.05,21.5329218 C13.05,21.9061929 12.8231926,22.1712138 12.4745438,22.2133994 L12.4745438,22.2133994 L12.369085,22.2194605 L8.625,22.2192854 L8.51856095,22.2125311 C8.17521937,22.1678627 7.95,21.905262 7.95,21.5329218 C7.95,21.1596507 8.17680737,20.8946298 8.52545616,20.8524442 L8.52545616,20.8524442 L8.63091503,20.8463831 L12.375,20.8465581 Z M10.5,1.11928542 L10.518,1.12028542 L10.6067486,1.12608537 C10.8823216,1.16207049 11.0827652,1.33862074 11.1502336,1.60173001 L11.1691881,1.70434797 L11.1751648,1.81138832 L11.174,2.96819941 L11.2623551,3.06760509 L11.4699366,3.09194324 L11.7169493,3.12873834 C15.1566001,3.70083281 17.8052189,6.65135102 18.0339536,10.2136799 L18.0339536,10.2136799 L18.0460319,10.4648785 L18.0500129,10.7163433 L18.05,18.2002854 L18.1499256,18.3002854 L19.2499256,18.3011036 L19.3566944,18.3079035 C19.6667682,18.3483868 19.8817022,18.5667728 19.9191881,18.8861662 L19.9191881,18.8861662 L19.9251648,18.9932065 L19.9184209,19.1002704 C19.8784201,19.4115142 19.6633278,19.6299778 19.3495438,19.6679448 L19.3495438,19.6679448 L19.244085,19.674006 L1.75,19.674006 L1.64356095,19.6670765 C1.30021937,19.6224081 1.075,19.3598075 1.075,18.9874672 C1.075,18.6142067 1.30179797,18.3491752 1.65038278,18.3069894 L1.648,18.3062854 L1.691,18.3042854 L1.75581803,18.3009285 L2.85007438,18.3002854 L2.95,18.2002854 L2.95,10.71474 L2.95401023,10.4643007 C3.0740175,6.72062696 5.87395857,3.57344707 9.53315802,3.09161275 L9.53315802,3.09161275 L9.73577793,3.0675894 L9.82399996,2.96837143 L9.82499996,1.80573506 L9.83178712,1.69643473 C9.8677099,1.41423605 10.0440196,1.20878035 10.3078503,1.14227473 L10.3078503,1.14227473 L10.398,1.12428542 L10.495,1.11928542 L10.5,1.11928542 Z M16.599,18.3002854 L16.699,18.2002988 L16.7,10.7147533 L16.6958906,10.484234 C16.5756984,7.11769965 13.8343245,4.4011036 10.5,4.4011036 C7.17435962,4.4011036 4.42460885,7.10883932 4.30410828,10.484267 L4.30410828,10.484267 L4.30001588,10.7129577 L4.299,18.2002721 L4.399,18.3002854 L16.599,18.3002854 Z" id="形状结合" fill="#FFFFFF"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/icons/svg/alarmb.svg b/src/icons/svg/alarmb.svg
new file mode 100644
index 0000000..56883ab
--- /dev/null
+++ b/src/icons/svg/alarmb.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>2</title>
+    <g id="2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="icon/banner/消息">
+            <rect id="矩形" x="0" y="0" width="24" height="24"></rect>
+            <rect id="矩形" x="0" y="0" width="24" height="24"></rect>
+            <g id="消息" transform="translate(1.500000, 0.330627)" fill="#000000" fill-rule="nonzero">
+                <rect id="矩形" opacity="0" x="0" y="0" width="21" height="21"></rect>
+                <path d="M12.375,20.8465581 L12.481439,20.8533125 C12.8247806,20.8979809 13.05,21.1605815 13.05,21.5329218 C13.05,21.9061929 12.8231926,22.1712138 12.4745438,22.2133994 L12.4745438,22.2133994 L12.369085,22.2194605 L8.625,22.2192854 L8.51856095,22.2125311 C8.17521937,22.1678627 7.95,21.905262 7.95,21.5329218 C7.95,21.1596507 8.17680737,20.8946298 8.52545616,20.8524442 L8.52545616,20.8524442 L8.63091503,20.8463831 L12.375,20.8465581 Z M10.5,1.11928542 L10.518,1.12028542 L10.6067486,1.12608537 C10.8823216,1.16207049 11.0827652,1.33862074 11.1502336,1.60173001 L11.1691881,1.70434797 L11.1751648,1.81138832 L11.174,2.96819941 L11.2623551,3.06760509 L11.4699366,3.09194324 L11.7169493,3.12873834 C15.1566001,3.70083281 17.8052189,6.65135102 18.0339536,10.2136799 L18.0339536,10.2136799 L18.0460319,10.4648785 L18.0500129,10.7163433 L18.05,18.2002854 L18.1499256,18.3002854 L19.2499256,18.3011036 L19.3566944,18.3079035 C19.6667682,18.3483868 19.8817022,18.5667728 19.9191881,18.8861662 L19.9191881,18.8861662 L19.9251648,18.9932065 L19.9184209,19.1002704 C19.8784201,19.4115142 19.6633278,19.6299778 19.3495438,19.6679448 L19.3495438,19.6679448 L19.244085,19.674006 L1.75,19.674006 L1.64356095,19.6670765 C1.30021937,19.6224081 1.075,19.3598075 1.075,18.9874672 C1.075,18.6142067 1.30179797,18.3491752 1.65038278,18.3069894 L1.648,18.3062854 L1.691,18.3042854 L1.75581803,18.3009285 L2.85007438,18.3002854 L2.95,18.2002854 L2.95,10.71474 L2.95401023,10.4643007 C3.0740175,6.72062696 5.87395857,3.57344707 9.53315802,3.09161275 L9.53315802,3.09161275 L9.73577793,3.0675894 L9.82399996,2.96837143 L9.82499996,1.80573506 L9.83178712,1.69643473 C9.8677099,1.41423605 10.0440196,1.20878035 10.3078503,1.14227473 L10.3078503,1.14227473 L10.398,1.12428542 L10.495,1.11928542 L10.5,1.11928542 Z M16.599,18.3002854 L16.699,18.2002988 L16.7,10.7147533 L16.6958906,10.484234 C16.5756984,7.11769965 13.8343245,4.4011036 10.5,4.4011036 C7.17435962,4.4011036 4.42460885,7.10883932 4.30410828,10.484267 L4.30410828,10.484267 L4.30001588,10.7129577 L4.299,18.2002721 L4.399,18.3002854 L16.599,18.3002854 Z" id="形状结合"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/icons/svg/chrome-old.svg b/src/icons/svg/chrome-old.svg
new file mode 100644
index 0000000..17fcca4
--- /dev/null
+++ b/src/icons/svg/chrome-old.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1660620397071" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="964" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
+</style></defs><path d="M87.788 227.913c17.049 29.189 34.039 58.291 51.043 87.383 51.784 88.596 103.585 177.181 155.325 265.804 2.62 4.485 5.062 9.143 7 13.955C349.786 715.89 484.618 771.244 604.34 719.47c2.398-1.037 4.887-1.861 9.302-3.526-2.588 4.897-4.038 7.89-5.7 10.755-54.798 94.487-109.707 188.908-164.246 283.545-4.133 7.171-8.493 8.259-15.899 6.935-206.01-36.867-364.332-183.492-412.98-387.026-33.681-140.916-9.465-273.513 67.799-396.221a55.282 55.282 0 0 1 2.993-4.263c0.41-0.532 1.065-0.875 2.179-1.756zM637.574 322.251c4.879-0.232 7.832-0.494 10.785-0.495 109.636-0.021 219.273 0.08 328.908-0.221 8.034-0.021 11.143 2.592 13.896 9.949 77.165 206.263 15.492 437.682-155.167 576.728-99.718 81.243-214.648 119.245-343.254 115.541-4.101-0.116-8.19-0.579-13.782-0.991 2.282-4.327 3.863-7.594 5.678-10.723 73.799-127.297 147.568-254.609 221.459-381.853 61.326-105.603 35.165-231.359-63.311-303.663-1.275-0.936-2.452-2.003-5.212-4.272zM970.66 284.978h-15.17c-145.492 0-290.984-0.444-436.474 0.156-97.432 0.401-169.373 44.268-212.233 132.11-11.095 22.739-15.798 48.603-23.28 72.528-0.437-0.663-2.509-3.517-4.279-6.546-54.593-93.406-109.079-186.878-163.896-280.152-3.852-6.555-3.331-10.476 1.434-16.115C205.093 82.393 316.58 20.463 452.687 3.72c207.799-25.561 413.84 82.445 511.367 267.993 1.915 3.643 3.675 7.368 6.606 13.265zM702.425 512.551c-0.178 106.027-85.601 189.996-193.057 189.771-103.007-0.212-187.656-86.695-187.287-191.343 0.373-106.007 85.766-189.459 193.555-189.154 102.551 0.287 186.962 86.481 186.789 190.726z" p-id="965"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/chrome.svg b/src/icons/svg/chrome.svg
index 17fcca4..2777d04 100644
--- a/src/icons/svg/chrome.svg
+++ b/src/icons/svg/chrome.svg
@@ -1,2 +1,10 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1660620397071" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="964" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
-</style></defs><path d="M87.788 227.913c17.049 29.189 34.039 58.291 51.043 87.383 51.784 88.596 103.585 177.181 155.325 265.804 2.62 4.485 5.062 9.143 7 13.955C349.786 715.89 484.618 771.244 604.34 719.47c2.398-1.037 4.887-1.861 9.302-3.526-2.588 4.897-4.038 7.89-5.7 10.755-54.798 94.487-109.707 188.908-164.246 283.545-4.133 7.171-8.493 8.259-15.899 6.935-206.01-36.867-364.332-183.492-412.98-387.026-33.681-140.916-9.465-273.513 67.799-396.221a55.282 55.282 0 0 1 2.993-4.263c0.41-0.532 1.065-0.875 2.179-1.756zM637.574 322.251c4.879-0.232 7.832-0.494 10.785-0.495 109.636-0.021 219.273 0.08 328.908-0.221 8.034-0.021 11.143 2.592 13.896 9.949 77.165 206.263 15.492 437.682-155.167 576.728-99.718 81.243-214.648 119.245-343.254 115.541-4.101-0.116-8.19-0.579-13.782-0.991 2.282-4.327 3.863-7.594 5.678-10.723 73.799-127.297 147.568-254.609 221.459-381.853 61.326-105.603 35.165-231.359-63.311-303.663-1.275-0.936-2.452-2.003-5.212-4.272zM970.66 284.978h-15.17c-145.492 0-290.984-0.444-436.474 0.156-97.432 0.401-169.373 44.268-212.233 132.11-11.095 22.739-15.798 48.603-23.28 72.528-0.437-0.663-2.509-3.517-4.279-6.546-54.593-93.406-109.079-186.878-163.896-280.152-3.852-6.555-3.331-10.476 1.434-16.115C205.093 82.393 316.58 20.463 452.687 3.72c207.799-25.561 413.84 82.445 511.367 267.993 1.915 3.643 3.675 7.368 6.606 13.265zM702.425 512.551c-0.178 106.027-85.601 189.996-193.057 189.771-103.007-0.212-187.656-86.695-187.287-191.343 0.373-106.007 85.766-189.459 193.555-189.154 102.551 0.287 186.962 86.481 186.789 190.726z" p-id="965"></path></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>3</title>
+    <g id="3" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="chrome-o备份" fill-rule="nonzero">
+            <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="24" height="24"></rect>
+            <path d="M12.7426068,2.2146521 L12.7969308,2.21934763 L13.710624,2.37852186 L13.8758691,2.41111672 L14.1788117,2.47990569 C17.8083772,3.38984553 20.2183126,5.64775183 21.3576595,9.20681554 L21.4312071,9.45312684 C21.4424894,9.49407858 21.4533873,9.53539607 21.4640561,9.57770303 L21.5265612,9.84840829 L21.5910183,10.1727998 L21.7853479,11.2573932 L21.7800356,12.8004541 L21.6434884,13.5893768 L21.5856223,13.8887435 L21.5250256,14.1499693 C20.5620362,17.9780786 18.1617207,20.4349532 14.3625096,21.4705433 L14.1437836,21.5265071 L13.9137133,21.5771902 L13.4740829,21.6596966 L12.7426068,21.7854416 L11.1996505,21.7801487 L10.2834751,21.620599 L9.93360929,21.5474416 L9.82240675,21.5204237 C6.19289431,20.6111829 3.7827631,18.3541523 2.64317987,14.7958381 L2.56952614,14.5492643 L2.5050898,14.2938921 L2.44241633,13.9997935 L2.21455835,12.7427006 L2.21984617,11.199772 L2.37862691,10.2827451 L2.42714858,10.0429186 L2.47993468,9.82132437 C3.42439347,6.12371072 5.70744352,3.70983475 9.29593923,2.62735404 L9.7463242,2.50065857 L9.96673544,2.44825109 L10.3605303,2.37014553 L11.2572994,2.2146521 L12.7426068,2.2146521 Z M19.8184835,8.98242758 L17.8452559,8.98928786 L14.9675268,8.98709499 L15.0797892,9.10063515 C16.3213259,10.415573 16.6057788,12.2971205 15.7650723,13.9357578 L15.6541116,14.1392638 L11.9599009,20.4508985 L12.7565222,20.3999419 L13.0688801,20.3744215 L13.3296995,20.3453964 L13.5654615,20.3094959 C13.6041382,20.3027523 13.6428743,20.2955818 13.6822213,20.2879141 C18.6345664,19.3229989 21.6280381,14.1355163 20.0588392,9.36859749 L19.9720227,9.11812043 C19.9372981,9.02280001 19.9245375,8.99376084 19.8623201,8.98535805 L19.8184835,8.98242758 Z M4.65084236,7.78932117 L4.56424406,7.94798435 C3.4213887,10.0886924 3.19931203,12.295053 3.93454334,14.5371697 C4.93640021,17.5925026 7.03373243,19.4969892 10.189811,20.2723941 L10.5200771,20.3485817 C10.5838015,20.3623556 10.5888302,20.3684026 10.6099764,20.332771 L13.0943563,16.0777049 L12.9989912,16.1054787 C12.7989622,16.1602618 12.6660608,16.1894579 12.5271855,16.2051494 L12.4207667,16.2145748 C10.6168415,16.334373 9.21591352,15.605623 8.30414882,14.0584009 L6.61262152,11.158299 L4.65084236,7.78932117 Z M11.9929638,9.04613534 C10.3500684,9.04928839 9.04106198,10.3706195 9.04596815,12.0223123 C9.05081988,13.6444119 10.3772255,14.9584659 12.0068362,14.9543922 C13.6471232,14.95028 14.9674971,13.6178126 14.9549525,11.9796354 C14.9424363,10.3478671 13.6248992,9.04298847 11.9929638,9.04613534 Z M5.69719098,6.35076885 L5.46938856,6.60325105 C5.43203838,6.64588868 5.41753959,6.65640287 5.42320237,6.67714133 L7.90118893,10.9183074 L7.91414513,10.8757045 C8.46343996,9.03359313 9.95509795,7.86190859 11.8474474,7.76979085 L12.076418,7.76394483 L19.3270014,7.7650491 L19.2765877,7.67851428 C17.931894,5.47764056 16.0374498,4.13772493 13.5902231,3.69821656 L13.2678845,3.6459989 C10.288211,3.21475838 7.76432959,4.12699021 5.69719098,6.35076885 Z" id="形状结合" fill="#FFFFFF"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/icons/svg/chromeb.svg b/src/icons/svg/chromeb.svg
new file mode 100644
index 0000000..c975528
--- /dev/null
+++ b/src/icons/svg/chromeb.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>3</title>
+    <g id="3" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="chrome-o备份" fill-rule="nonzero">
+            <rect id="矩形" fill="#404040" opacity="0" x="0" y="0" width="24" height="24"></rect>
+            <path d="M12.7426068,2.2146521 L12.7969308,2.21934763 L13.710624,2.37852186 L13.8758691,2.41111672 L14.1788117,2.47990569 C17.8083772,3.38984553 20.2183126,5.64775183 21.3576595,9.20681554 L21.4312071,9.45312684 C21.4424894,9.49407858 21.4533873,9.53539607 21.4640561,9.57770303 L21.5265612,9.84840829 L21.5910183,10.1727998 L21.7853479,11.2573932 L21.7800356,12.8004541 L21.6434884,13.5893768 L21.5856223,13.8887435 L21.5250256,14.1499693 C20.5620362,17.9780786 18.1617207,20.4349532 14.3625096,21.4705433 L14.1437836,21.5265071 L13.9137133,21.5771902 L13.4740829,21.6596966 L12.7426068,21.7854416 L11.1996505,21.7801487 L10.2834751,21.620599 L9.93360929,21.5474416 L9.82240675,21.5204237 C6.19289431,20.6111829 3.7827631,18.3541523 2.64317987,14.7958381 L2.56952614,14.5492643 L2.5050898,14.2938921 L2.44241633,13.9997935 L2.21455835,12.7427006 L2.21984617,11.199772 L2.37862691,10.2827451 L2.42714858,10.0429186 L2.47993468,9.82132437 C3.42439347,6.12371072 5.70744352,3.70983475 9.29593923,2.62735404 L9.7463242,2.50065857 L9.96673544,2.44825109 L10.3605303,2.37014553 L11.2572994,2.2146521 L12.7426068,2.2146521 Z M19.8184835,8.98242758 L17.8452559,8.98928786 L14.9675268,8.98709499 L15.0797892,9.10063515 C16.3213259,10.415573 16.6057788,12.2971205 15.7650723,13.9357578 L15.6541116,14.1392638 L11.9599009,20.4508985 L12.7565222,20.3999419 L13.0688801,20.3744215 L13.3296995,20.3453964 L13.5654615,20.3094959 C13.6041382,20.3027523 13.6428743,20.2955818 13.6822213,20.2879141 C18.6345664,19.3229989 21.6280381,14.1355163 20.0588392,9.36859749 L19.9720227,9.11812043 C19.9372981,9.02280001 19.9245375,8.99376084 19.8623201,8.98535805 L19.8184835,8.98242758 Z M4.65084236,7.78932117 L4.56424406,7.94798435 C3.4213887,10.0886924 3.19931203,12.295053 3.93454334,14.5371697 C4.93640021,17.5925026 7.03373243,19.4969892 10.189811,20.2723941 L10.5200771,20.3485817 C10.5838015,20.3623556 10.5888302,20.3684026 10.6099764,20.332771 L13.0943563,16.0777049 L12.9989912,16.1054787 C12.7989622,16.1602618 12.6660608,16.1894579 12.5271855,16.2051494 L12.4207667,16.2145748 C10.6168415,16.334373 9.21591352,15.605623 8.30414882,14.0584009 L6.61262152,11.158299 L4.65084236,7.78932117 Z M11.9929638,9.04613534 C10.3500684,9.04928839 9.04106198,10.3706195 9.04596815,12.0223123 C9.05081988,13.6444119 10.3772255,14.9584659 12.0068362,14.9543922 C13.6471232,14.95028 14.9674971,13.6178126 14.9549525,11.9796354 C14.9424363,10.3478671 13.6248992,9.04298847 11.9929638,9.04613534 Z M5.69719098,6.35076885 L5.46938856,6.60325105 C5.43203838,6.64588868 5.41753959,6.65640287 5.42320237,6.67714133 L7.90118893,10.9183074 L7.91414513,10.8757045 C8.46343996,9.03359313 9.95509795,7.86190859 11.8474474,7.76979085 L12.076418,7.76394483 L19.3270014,7.7650491 L19.2765877,7.67851428 C17.931894,5.47764056 16.0374498,4.13772493 13.5902231,3.69821656 L13.2678845,3.6459989 C10.288211,3.21475838 7.76432959,4.12699021 5.69719098,6.35076885 Z" id="形状结合" fill="#000000"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/icons/svg/home-old.svg b/src/icons/svg/home-old.svg
new file mode 100644
index 0000000..4e97c20
--- /dev/null
+++ b/src/icons/svg/home-old.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1615188284589" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2221" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M998.428444 381.112889l-469.333333-353.180445c-0.469333-0.355556-0.981333-0.568889-1.479111-0.896a28.017778 28.017778 0 0 0-2.417778-1.464888 29.909333 29.909333 0 0 0-10.453333-3.128889 30.705778 30.705778 0 0 0-5.475556-0.014223 28.771556 28.771556 0 0 0-13.112889 4.707556c-0.412444 0.284444-0.867556 0.469333-1.28 0.782222l-469.333333 353.180445a28.458667 28.458667 0 0 0 34.204445 45.468444l73.656888-55.424V854.186667c0 111.701333 29.141333 147.555556 136.803556 147.555555h483.555556c107.662222 0 147.640889-35.854222 147.640888-147.555555V379.320889l62.805334 47.260444c5.12 3.854222 11.121778 5.717333 17.080889 5.717334a28.444444 28.444444 0 0 0 17.137777-51.185778zM443.747556 674.673778H580.266667c31.288889 0 36.707556 0.554667 36.707555 28.8v241.422222H417.877333V703.473778c0-28.245333-5.418667-28.8 25.870223-28.8z m400.782222-327.111111v506.666666c0 81.365333-14.193778 90.666667-90.752 90.666667h-108.359111V703.473778c0-48.967111-23.850667-57.244444-65.152-57.244445h-136.519111c-41.301333 0-54.314667 8.277333-54.314667 57.244445v241.422222H270.222222c-76.572444 0-79.914667-9.301333-79.914666-90.666667V347.562667c0-5.788444-1.749333-11.150222-4.721778-15.644445L512 86.272l334.336 251.591111a28.231111 28.231111 0 0 0-1.806222 9.699556z" fill="" p-id="2222"></path><path d="M435.370667 230.499556L250.055111 373.617778c-3.512889 2.688-2.858667 6.855111-2.858667 11.278222v161.777778a14.222222 14.222222 0 1 0 28.444445 0V391.907556l178.730667-138.837334c6.243556-4.778667 5.034667-13.710222 0.256-19.939555a13.425778 13.425778 0 0 0-19.256889-2.631111zM261.418667 589.340444a14.222222 14.222222 0 0 0-14.222223 14.222223v14.222222a14.222222 14.222222 0 1 0 28.444445 0v-14.222222a14.222222 14.222222 0 0 0-14.222222-14.222223z" fill="" p-id="2223"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/home.svg b/src/icons/svg/home.svg
index 4e97c20..4a9ac68 100644
--- a/src/icons/svg/home.svg
+++ b/src/icons/svg/home.svg
@@ -1 +1,10 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1615188284589" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2221" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M998.428444 381.112889l-469.333333-353.180445c-0.469333-0.355556-0.981333-0.568889-1.479111-0.896a28.017778 28.017778 0 0 0-2.417778-1.464888 29.909333 29.909333 0 0 0-10.453333-3.128889 30.705778 30.705778 0 0 0-5.475556-0.014223 28.771556 28.771556 0 0 0-13.112889 4.707556c-0.412444 0.284444-0.867556 0.469333-1.28 0.782222l-469.333333 353.180445a28.458667 28.458667 0 0 0 34.204445 45.468444l73.656888-55.424V854.186667c0 111.701333 29.141333 147.555556 136.803556 147.555555h483.555556c107.662222 0 147.640889-35.854222 147.640888-147.555555V379.320889l62.805334 47.260444c5.12 3.854222 11.121778 5.717333 17.080889 5.717334a28.444444 28.444444 0 0 0 17.137777-51.185778zM443.747556 674.673778H580.266667c31.288889 0 36.707556 0.554667 36.707555 28.8v241.422222H417.877333V703.473778c0-28.245333-5.418667-28.8 25.870223-28.8z m400.782222-327.111111v506.666666c0 81.365333-14.193778 90.666667-90.752 90.666667h-108.359111V703.473778c0-48.967111-23.850667-57.244444-65.152-57.244445h-136.519111c-41.301333 0-54.314667 8.277333-54.314667 57.244445v241.422222H270.222222c-76.572444 0-79.914667-9.301333-79.914666-90.666667V347.562667c0-5.788444-1.749333-11.150222-4.721778-15.644445L512 86.272l334.336 251.591111a28.231111 28.231111 0 0 0-1.806222 9.699556z" fill="" p-id="2222"></path><path d="M435.370667 230.499556L250.055111 373.617778c-3.512889 2.688-2.858667 6.855111-2.858667 11.278222v161.777778a14.222222 14.222222 0 1 0 28.444445 0V391.907556l178.730667-138.837334c6.243556-4.778667 5.034667-13.710222 0.256-19.939555a13.425778 13.425778 0 0 0-19.256889-2.631111zM261.418667 589.340444a14.222222 14.222222 0 0 0-14.222223 14.222223v14.222222a14.222222 14.222222 0 1 0 28.444445 0v-14.222222a14.222222 14.222222 0 0 0-14.222222-14.222223z" fill="" p-id="2223"></path></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>1</title>
+    <g id="1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="首页" fill-rule="nonzero">
+            <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="24" height="24"></rect>
+            <path d="M11.1710783,2.42919989 C11.7298936,2.09409047 12.4328291,2.12455473 12.9654367,2.52059014 L12.9654367,2.52059014 L20.3218013,7.99000647 L20.4665209,8.10559268 C21.0744501,8.62656431 21.4302636,9.40344805 21.4302636,10.227099 L21.4302636,10.227099 L21.4302636,19.0470569 L21.4250327,19.2212289 C21.3382831,20.6611171 20.1833875,21.8011882 18.7715031,21.8011882 L18.7715031,21.8011882 L5.2284969,21.8011882 L5.06035624,21.7957697 C3.67032883,21.7059084 2.56973638,20.5095861 2.56973638,19.0470569 L2.56973638,19.0470569 L2.56973638,10.2273587 L2.57600507,10.0381789 C2.63012926,9.22282649 3.03207443,8.47038558 3.67819781,7.99000711 L3.67819781,7.99000711 L11.034559,2.52059336 Z M12.0713092,3.55793652 C11.9772762,3.53774358 11.8769764,3.55793433 11.7954857,3.6185066 L11.7954857,3.6185066 L4.43911542,9.0879271 L4.32641124,9.18150853 C4.04059293,9.44596068 3.87451485,9.82573182 3.87451485,10.2273587 L3.87451485,10.2273587 L3.87451485,19.0470569 L3.880713,19.1821318 C3.94632222,19.8933667 4.52470053,20.4496068 5.2284969,20.4496068 L5.2284969,20.4496068 L11.2507497,20.4487759 L11.3507364,20.3451977 L11.3512202,14.4627186 L11.3582338,14.3683764 C11.4044406,14.0603828 11.6734228,13.8227675 12,13.8227675 C12.3345637,13.8227675 12.6123182,14.0734451 12.6454705,14.3976012 L12.6454705,14.3976012 L12.6489183,14.4681588 L12.6487364,20.3451881 L12.7487231,20.4487759 L18.7714898,20.4496068 L18.9018895,20.4431864 C19.5885066,20.3752237 20.1254851,19.7760987 20.1254851,19.0470569 L20.1254851,19.0470569 L20.1254851,10.2273587 L20.1177907,10.0779557 C20.0769951,9.68325297 19.8759128,9.32208831 19.5608746,9.08791971 L19.5608746,9.08791971 L12.2045243,3.61851399 L12.1402672,3.58065321 Z" id="形状结合" fill="#FFFFFF"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/icons/svg/homeb.svg b/src/icons/svg/homeb.svg
new file mode 100644
index 0000000..c6d1237
--- /dev/null
+++ b/src/icons/svg/homeb.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>1</title>
+    <g id="1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="首页" fill-rule="nonzero">
+            <rect id="矩形" fill="#404040" opacity="0" x="0" y="0" width="24" height="24"></rect>
+            <path d="M11.1710783,2.42919989 C11.7298936,2.09409047 12.4328291,2.12455473 12.9654367,2.52059014 L12.9654367,2.52059014 L20.3218013,7.99000647 L20.4665209,8.10559268 C21.0744501,8.62656431 21.4302636,9.40344805 21.4302636,10.227099 L21.4302636,10.227099 L21.4302636,19.0470569 L21.4250327,19.2212289 C21.3382831,20.6611171 20.1833875,21.8011882 18.7715031,21.8011882 L18.7715031,21.8011882 L5.2284969,21.8011882 L5.06035624,21.7957697 C3.67032883,21.7059084 2.56973638,20.5095861 2.56973638,19.0470569 L2.56973638,19.0470569 L2.56973638,10.2273587 L2.57600507,10.0381789 C2.63012926,9.22282649 3.03207443,8.47038558 3.67819781,7.99000711 L3.67819781,7.99000711 L11.034559,2.52059336 Z M12.0713092,3.55793652 C11.9772762,3.53774358 11.8769764,3.55793433 11.7954857,3.6185066 L11.7954857,3.6185066 L4.43911542,9.0879271 L4.32641124,9.18150853 C4.04059293,9.44596068 3.87451485,9.82573182 3.87451485,10.2273587 L3.87451485,10.2273587 L3.87451485,19.0470569 L3.880713,19.1821318 C3.94632222,19.8933667 4.52470053,20.4496068 5.2284969,20.4496068 L5.2284969,20.4496068 L11.2507497,20.4487759 L11.3507364,20.3451977 L11.3512202,14.4627186 L11.3582338,14.3683764 C11.4044406,14.0603828 11.6734228,13.8227675 12,13.8227675 C12.3345637,13.8227675 12.6123182,14.0734451 12.6454705,14.3976012 L12.6454705,14.3976012 L12.6489183,14.4681588 L12.6487364,20.3451881 L12.7487231,20.4487759 L18.7714898,20.4496068 L18.9018895,20.4431864 C19.5885066,20.3752237 20.1254851,19.7760987 20.1254851,19.0470569 L20.1254851,19.0470569 L20.1254851,10.2273587 L20.1177907,10.0779557 C20.0769951,9.68325297 19.8759128,9.32208831 19.5608746,9.08791971 L19.5608746,9.08791971 L12.2045243,3.61851399 L12.1402672,3.58065321 Z" id="形状结合" fill="#000000"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index 81cb597..a52ce72 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -19,13 +19,15 @@
     </div>
 
     <div class="right-menu">
-      <div v-if="showhome" class="right-menu-back" @click="toHome">
+      <div class="right-menu-back" @click="toHome">
         <svg-icon
           class="item-icon"
-          icon-class="home"
+          :icon-class="showTitle ? 'home' : 'homeb'"
           style="height: 24px; width: 24px; vertical-align: -6px; margin-right: 2px;"
         />
-        {{ 'navbar.homepage' | i18nFilter }}
+        <span v-if="showhome">
+          {{ 'navbar.homepage' | i18nFilter }}
+        </span>
       </div>
       <el-dropdown
         :style="showTitle ? 'color: #fff' : '#000'"
@@ -39,7 +41,7 @@
           style="line-height: 0; margin: 0 10px; vertical-align: -3px"
           @click.native="handleAlarm"
         >
-          <svg-icon style="width: 24px; height: 24px" class="item-icon" icon-class="alarm" />
+          <svg-icon style="width: 24px; height: 24px" class="item-icon" :icon-class="showTitle ? 'alarm' : 'alarmb'" />
         </el-badge>
         <el-dropdown-menu slot="dropdown">
           <el-dropdown-item>暂无数据</el-dropdown-item>
@@ -73,7 +75,7 @@
           <svg-icon
             :style="showTitle ? 'color: #fff' : ''"
             style="width: 24px; height: 24px; vertical-align: -7px"
-            icon-class="chrome"
+            :icon-class="showTitle ? 'chrome' : 'chromeb'"
           />
         </a>
       </div>
@@ -291,8 +293,12 @@ export default {
       clearInterval(logoutInterval)
     },
     async toHome() {
-      this.$store.dispatch('app/setChoicepart')
-      this.$router.push('/')
+      if (this.showhome) {
+        this.$store.dispatch('app/setChoicepart')
+        this.$router.push('/')
+      } else {
+        this.goToRootPage()
+      }
     },
     handleAlarm() {},
     getAlarm() {
@@ -324,13 +330,15 @@ export default {
 
 <style lang="scss" scoped>
 .navbar {
-  // height: 48px;
-  height: calc(100vh / 1600 * 80);
+  height: calc(48px * var(--beilv));
+  // height: calc(100vh / 1600 * 80);
   overflow: hidden;
   position: relative;
   background: #fff;
   box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
-  padding-right: calc(100vw / 2560 * 32);
+  // padding-right: calc(100vw / 2560 * 32);
+  padding-right: calc(24px * var(--beilv));
+
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -338,18 +346,24 @@ export default {
   .homeNavIcon {
     cursor: pointer;
     color: #fff;
-    font-size: calc(100vw / 2560 * 28);
     line-height: 1;
-    letter-spacing: calc(100vw / 2560 * 2);
     font-weight: 500;
-    padding-left: calc(100vw / 2560 * 32);
     display: flex;
     align-items: center;
-    
+    // font-size: calc(100vw / 2560 * 28);
+    // letter-spacing: calc(100vw / 2560 * 2);
+    // padding-left: calc(100vw / 2560 * 32);
+    font-size: calc(24px * var(--beilv));
+    letter-spacing: calc(1px * var(--beilv));
+    padding-left: calc(24px * var(--beilv));
+
     img {
-      width: calc(100vw / 2560 * 32);
-      height: calc(100vw / 2560 * 32);
-      margin-right: calc(100vw / 2560 * 16);
+      width: calc(24px * var(--beilv));
+      height: calc(24px * var(--beilv));
+      margin-right: calc(12px * var(--beilv));
+      // width: calc(100vw / 2560 * 32);
+      // height: calc(100vw / 2560 * 32);
+      // margin-right: calc(100vw / 2560 * 16);
       // width: 26px;
       // height: 26px;
       // marginright: 14px;
@@ -357,7 +371,7 @@ export default {
   }
 
   .hamburger-container {
-    line-height: 48px;
+    line-height: calc(48px * var(--beilv));
     height: 100%;
     float: left;
     cursor: pointer;
@@ -381,7 +395,7 @@ export default {
   .right-menu {
     float: right;
     height: 100%;
-    line-height: 48px;
+    line-height: calc(48px * var(--beilv));
     position: relative;
     &:focus {
       outline: none;
@@ -390,17 +404,17 @@ export default {
     .right-menu-back {
       display: inline-block;
       vertical-align: text-bottom;
-      font-size: 14px;
-      padding: 0 8px;
+      font-size: calc(14px * var(--beilv));
+      padding: 0 calc(8px * var(--beilv));
       text-align: center;
       cursor: pointer;
     }
 
     .right-menu-item {
       display: inline-block;
-      padding: 0 8px;
+      padding: 0 calc(8px * var(--beilv));
       height: 100%;
-      font-size: 18px;
+      font-size: calc(18px * var(--beilv));
       color: #5a5e66;
       vertical-align: text-bottom;
 
@@ -414,46 +428,46 @@ export default {
       }
     }
     .verticalBar {
-      height: 32px;
+      height: calc(32px * var(--beilv));
       width: 0;
       opacity: 0.49;
       padding: 0;
       border-right: 1px solid #fff;
       position: relative;
-      top: -8px;
+      top: calc(-1 * 8px * var(--beilv));
     }
     .avatar-container {
       .avatar-wrapper {
-        padding-top: 9px;
+        padding-top: calc(9px * var(--beilv));
         position: relative;
-        width: 140px;
-        height: 48px;
+        width: calc(140px * var(--beilv));
+        height: calc(48px * var(--beilv));
         .user-avatar {
           cursor: pointer;
-          width: 32px;
-          height: 32px;
-          border-radius: 16px;
+          width: calc(32px * var(--beilv));
+          height: calc(32px * var(--beilv));
+          border-radius: calc(16px * var(--beilv));
         }
         .avatar-username {
-          width: 80px;
+          width: calc(80px * var(--beilv));
           text-align: center;
           position: absolute;
-          font-size: 14px;
-          right: 13px;
-          top: 3px;
-          line-height: 25px;
+          font-size: calc(14px * var(--beilv));
+          right: calc(13px * var(--beilv));
+          top: calc(3px * var(--beilv));
+          line-height: calc(25px * var(--beilv));
           white-space: nowrap;
           text-overflow: ellipsis;
           overflow: hidden;
         }
         .avatar-roles {
-          width: 80px;
+          width: calc(80px * var(--beilv));
           text-align: center;
           position: absolute;
-          font-size: 14px;
-          top: 20px;
-          right: 13px;
-          line-height: 25px;
+          font-size: calc(14px * var(--beilv));
+          top: calc(20px * var(--beilv));
+          right: calc(13px * var(--beilv));
+          line-height: calc(25px * var(--beilv));
           white-space: nowrap;
           text-overflow: ellipsis;
           overflow: hidden;
@@ -462,9 +476,9 @@ export default {
         .el-icon-caret-bottom {
           cursor: pointer;
           position: absolute;
-          right: -20px;
-          top: 25px;
-          font-size: 12px;
+          right: calc(-1 * 20px * var(--beilv));
+          top: calc(25px * var(--beilv));
+          font-size: calc(12px * var(--beilv));
         }
       }
     }
@@ -473,13 +487,13 @@ export default {
 .dropdown-badge {
   background: #ff4949;
   color: #fff;
-  line-height: 16px;
-  border-radius: 8px;
-  padding: 0 8px;
+  line-height: calc(16px * var(--beilv));
+  border-radius: calc(8px * var(--beilv));
+  padding: 0 calc(8px * var(--beilv));
   float: right;
-  margin-left: 5px;
+  margin-left: calc(5px * var(--beilv));
   position: relative;
-  top: 7px;
+  top: calc(7px * var(--beilv));
 }
 .navbar-alarmbox {
   text-align: center;
diff --git a/src/views/ChoicePart/index.vue b/src/views/ChoicePart/index.vue
index 59dd44e..3f847c4 100644
--- a/src/views/ChoicePart/index.vue
+++ b/src/views/ChoicePart/index.vue
@@ -153,51 +153,51 @@ export default {
   align-items: center;
 
   .choicepart-box {
-    width: 1440px;
+    width: calc(1440px * var(--beilv));
 
     .choicepart-item {
       display: inline-block;
-      width: 208px;
-      height: 258px;
-      margin: 40px;
+      width: calc(208px * var(--beilv));
+      height: calc(258px * var(--beilv));
+      margin: calc(40px * var(--beilv));
       background: url('../../assets/img/choicepart/choice-item-back.png') no-repeat;
       background-size: 100% 100%;
       // border: 1px dashed #fff;
       // box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
       top: 0;
-      border-radius: 5px;
+      border-radius: calc(5px * var(--beilv));
       overflow: hidden;
       cursor: pointer;
       position: relative;
       img {
-        width: 208px;
-        height: 258px;
+        width: calc(208px * var(--beilv));
+        height: calc(258px * var(--beilv));
       }
       .choicepart-item-border {
         height: 100%;
-        border-radius: 5px;
+        border-radius: calc(5px * var(--beilv));
         // padding: 0 5px;
-        line-height: 32px;
-        font-size: 28px;
+        line-height: calc(32px * var(--beilv));
+        font-size: calc(28px * var(--beilv));
         font-weight: lighter;
         color: #2c6bd8;
         overflow: hidden;
       }
       .choicepart-item-title {
         overflow: hidden;
-        padding: 0 10px;
+        padding: 0 calc(10px * var(--beilv));
         text-overflow: ellipsis;
         white-space: nowrap;
         position: absolute;
         bottom: 0;
-        left: 2px;
-        right: 2px;
+        left: calc(2px * var(--beilv));
+        right: calc(2px * var(--beilv));
         text-align: center;
         color: #fff;
-        font-size: 16px;
-        line-height: 48px;
-        height: 48px;
-        letter-spacing: 2px;
+        font-size: calc(16px * var(--beilv));
+        line-height: calc(48px * var(--beilv));
+        height: calc(48px * var(--beilv));
+        letter-spacing: calc(2px * var(--beilv));
         background-color: rgba($color: #0b58ff, $alpha: 0.45);
       }
     }
@@ -221,15 +221,15 @@ export default {
 }
 ::-webkit-scrollbar {
   //滚动条的宽度
-  width: 9px;
-  height: 9px;
+  width: calc(9px * var(--beilv));
+  height: calc(9px * var(--beilv));
 }
 ::-webkit-scrollbar-thumb {
   //滚动条的设置
   background-color: #dddddd;
   background-clip: padding-box;
-  min-height: 28px;
-  border-radius: 9px;
+  min-height: calc(28px * var(--beilv));
+  border-radius: calc(9px * var(--beilv));
 }
 ::-webkit-scrollbar-thumb:hover {
   background-color: #bbb;