update

user_web/src/view/admin/Main.vue

@@ -2,30 +2,32 @@
 import { computed, onMounted, onUnmounted, watch, ref } from "vue";
 import { useRouter } from 'vue-router';
 import MenuLeftTwo from './components/Menu/MenuLeftTwo.vue';
+import LoginOrExit from './components/User/LoginOrExit.vue';
 const router = useRouter();
 
 </script>
 
 <template>
     <div class="Main">
+
         <MenuLeftTwo ></MenuLeftTwo>
+        <LoginOrExit></LoginOrExit>
+        
+
     </div>
 </template>
 
 <style lang="scss" scoped>
 
-* {
-    box-sizing:border-box;
-    -moz-box-sizing:border-box; /* Firefox */
-    -webkit-box-sizing:border-box; /* Safari */
-}
-
 .Main * {
     -moz-user-select: none;
     -webkit-user-select: none;
     -ms-user-select: none;
     -khtml-user-select: none;
     user-select: none;
+    box-sizing:border-box;
+    -moz-box-sizing:border-box; /* Firefox */
+    -webkit-box-sizing:border-box; /* Safari */
 }
 
 .Main {

user_web/src/view/admin/components/Menu/MenuLeftTwo.vue

@@ -323,8 +323,11 @@ const menuListEvent = (item, index) => {
 }
 </script>
 
-<style lang="scss">
-.elMenuVerticalMenuLeftTwo {
+
+<style scoped lang="scss">
+@use './css/commonsScrollbar.scss';
+
+:deep(.elMenuVerticalMenuLeftTwo) {
     width: 16rem;
     border: unset;
 
@@ -357,10 +360,6 @@ const menuListEvent = (item, index) => {
         line-height: 4rem;
     }
 }
-</style>
-
-<style scoped lang="scss">
-@use './css/commonsScrollbar.scss';
 
 .MenuLeft * {
     -moz-user-select: none;
@@ -368,6 +367,10 @@ const menuListEvent = (item, index) => {
     -ms-user-select: none;
     -khtml-user-select: none;
     user-select: none;
+
+    box-sizing:border-box;
+    -moz-box-sizing:border-box; /* Firefox */
+    -webkit-box-sizing:border-box; /* Safari */
 }
 
 .MenuLeft {

user_web/src/view/admin/components/Menu/css/commonsScrollbar.scss

@@ -5,6 +5,16 @@
     overflow-x: visible;
 }
 
+
+/* 滚动槽 【 由于被全局其他的地方影响，这里另外单独处理 】*/
+.commonsScrollbar::-webkit-scrollbar-track {
+    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
+}
+/* 滚动条滑块 【 由于被全局其他的地方影响，这里另外单独处理 】 */
+.commonsScrollbar::-webkit-scrollbar-thumb {
+    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
+}
+
 /* 滚动条整体样式 */
 .commonsScrollbar::-webkit-scrollbar {
     width: 1px;