Merge branch 'master' of http://192.168.0.115:3000/lanxin/Chengzhebei

src/pages/A9knowlege/index.module.scss

@@ -1,61 +1,105 @@
-.A9knowlege {
-  position: relative;
-  z-index: 2;
-  display: flex;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  background: url('./images/bg_jiaohu-min.jpg') no-repeat center / cover;
-
-  // :global {
-
-  // }
-}
-
-.main {
-  flex: 1;
-
-  > * {
-    width: 100%;
-    height: 100%;
-    border: none;
-  }
-}
-
-.sidebar {
-  position: relative;
-  width: 298px;
-  height: 100%;
-  background: url('./images/img_pop_02-min.png') no-repeat center / cover;
-  transition: transform 0.3s ease, width 0.3s ease;
-
-  &.sidebarHidden {
-    width: 0;
-    transform: translateX(100%);
-  }
-}
-
-.sidebarHideBtn {
-  position: absolute;
-  top: 50%;
-  left: -16px;
-  width: 45px;
-  height: 45px;
-  transform: translateY(-50%);
-  transition: left 0.3s ease, width 0.3s ease;
-  background: url('./images/icon_right@2x-min.png') no-repeat center / cover;
-
-  &.hide {
-    left: -67px;
-    background-image: url('./images/icon_left@2x-min.png');
-  }
-}
-
-.loading {
-  position: absolute;
-  inset: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 20px;
-}
+.A9knowlege {
+  position: relative;
+  z-index: 2;
+  display: flex;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  background: url('./images/bg_jiaohu-min.jpg') no-repeat center / cover;
+
+  // :global {
+
+  // }
+}
+
+.main {
+  flex: 1;
+  position: relative;
+  z-index: 1;
+
+  > * {
+    width: 100%;
+    height: 100%;
+    border: none;
+  }
+}
+
+.sidebar {
+  position: relative;
+  width: 298px;
+  height: 100%;
+  background: url('./images/img_pop_02-min.png') no-repeat center / cover;
+  transition: transform 0.3s ease, width 0.3s ease;
+  z-index: 10;
+
+  &.sidebarHidden {
+    width: 0;
+    transform: translateX(100%);
+  }
+}
+
+.sidebarHideBtn {
+  position: absolute;
+  top: 50%;
+  left: -16px;
+  width: 45px;
+  height: 45px;
+  transform: translateY(-50%);
+  transition: left 0.3s ease, width 0.3s ease;
+  background: url('./images/icon_right@2x-min.png') no-repeat center / cover;
+
+  &.hide {
+    left: -67px;
+    background-image: url('./images/icon_left@2x-min.png');
+  }
+}
+
+.loading {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 20px;
+}
+
+.scaleControl {
+  position: fixed;
+  left: 50%;
+  bottom: 30px;
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  transform: translateX(-50%);
+  z-index: 9;
+}
+.scaleControlItem {
+  display: flex;
+  align-items: center;
+  gap: 3px;
+  color: #ffe9b6;
+  font-size: 14px;
+
+  img {
+    width: 12px;
+    height: 12px;
+  }
+}
+.scaleControlItemText {
+  line-height: 1;
+}
+.scaleControlItemLine {
+  position: relative;
+  width: 145px;
+  height: 1px;
+  background: rgba(255, 233, 182, 0.5);
+}
+.scaleControlItemLineInner {
+  position: absolute;
+  top: 50%;
+  left: 0;
+  width: 1px;
+  height: 9px;
+  background: #ffe9b6;
+  transform: translateY(-50%);
+}