更新

src/hooks/useDialogConfirm/dialogConfirm.vue

@@ -109,3 +109,18 @@ function ok() {
    }
 }
 </style>
+<style lang="scss">
+.modalFrame.useDialogConfirm {
+   --modalFrameTitHeight: 0px !important;
+   .modalFrameTitle {
+      display: none !important;
+   }
+   .modalFrameBox {
+      background: linear-gradient(180deg, #fdfef2 0%, #fdf6de 100%) !important;
+      box-shadow: 0px 5px 0px 0px #ca8e2d, 0px 7px 10px 0px #6e6e6e !important;
+      border-radius: 20px !important;
+      border: 8px solid #ffdd98 !important;
+      position: relative !important;
+   }
+}
+</style>

src/hooks/useDialogConfirm/index.scss

@@ -1,13 +0,0 @@
-.modalFrame.useDialogConfirm {
-   --modalFrameTitHeight: 0px;
-   .modalFrameTitle {
-      display: none !important;
-   }
-   .modalFrameBox {
-      background: linear-gradient(180deg, #fdfef2 0%, #fdf6de 100%);
-      box-shadow: 0px 5px 0px 0px #ca8e2d, 0px 7px 10px 0px #6e6e6e;
-      border-radius: 20px;
-      border: 8px solid #ffdd98;
-      position: relative;
-   }
-}

src/hooks/useDialogConfirm/index.ts

@@ -4,7 +4,6 @@
 
 import modalFrame from "@/plugin/modalFrame"
 import dialogConfirm from "./dialogConfirm.vue"
-import "./index.scss"
 
 /**
  * @param obj

src/views/cloudTextbooks/chooseDialog.vue

@@ -232,14 +232,14 @@ function handlePaly(id: string) {
 </style>
 <style lang="scss">
 .modalFrame.chooseDialog {
-   --modalFrameTitHeight: 0px;
+   --modalFrameTitHeight: 0px !important;
    .modalFrameTitle {
       display: none !important;
    }
    .modalFrameBox {
-      background: url("@/img/cloudTextbooks/bg.png") no-repeat;
-      background-size: cover;
-      box-shadow: none;
+      background: url("@/img/cloudTextbooks/bg.png") no-repeat !important;
+      background-size: cover !important;
+      box-shadow: none !important;
    }
 }
 </style>

src/views/homePage/homePage_gym.vue

@@ -4,7 +4,7 @@
 * @Date:2024-03-20 17:26:35
 -->
 <template>
-   <navContainer class="navContainer" :headImg="headImg" :navs="navs">
+   <navContainer class="navContainer homePageNav" :headImg="headImg" :navs="navs">
       <div class="homePage">
          <ElScrollbar class="elScrollbar">
             <div class="classTypes">
@@ -82,13 +82,13 @@ function handleRouter(url?: string) {
 }
 </script>
 <style lang="scss" scoped>
-.navContainer :deep(.navCon) {
+.navContainer.homePageNav :deep(.navCon) {
    .navImg {
       margin-left: 5rem;
       > img {
          width: 91px;
          height: 92px;
-         top: 70% !important;
+         top: 70%;
       }
    }
    .nav {

src/views/homePage/homePage_gyt.vue

@@ -83,13 +83,13 @@ function handleRouter(url?: string) {
 </script>
 
 <style lang="scss" scoped>
-.navContainer :deep(.navCon) {
+.navContainer.homePageNav :deep(.navCon) {
    .navImg {
       margin-left: 5rem;
       > img {
          width: 91px;
          height: 92px;
-         top: 70% !important;
+         top: 70%;
       }
    }
    .nav {