保存代码

src/styles/index.scss

@@ -642,4 +642,89 @@ li {
   }
 }
 
+/* ----------------- el-collapse 组件全局样式 --------------------*/
+.el-collapse {
+  .el-collapse-item {
+    margin-bottom: 8px;
+    border-radius: 4px;
+    overflow: hidden;
+    &__header {
+      height: 48px;
+      line-height: 48px;
+      background: #F7F8FA;
+      padding: 0 16px;
+      font-size: 15px;
+      font-weight: 500;
+      color: #333;
+      border-radius: 4px;
+      .el-collapse-item__arrow {
+        margin-right: 0;
+        color: #3491FA;
+        font-weight: bold;
+      }
+      
+      .title-with-icon {
+        display: flex;
+        align-items: center;
+        
+        .game-icon {
+          width: 20px;
+          height: 20px;
+          margin-right: 8px;
+        }
+      }
+    }
+    
+    &__wrap {
+      border: none;
+      background: #fff;
+    }
+    
+    &__content {
+      padding: 0;
+      background: #fff;
+      border:1px solid #D6D9E0;
+      border-top: none;
+      .gameListItem {
+        width: 100%;
+        height: 52px;
+        background: #fff;
+        padding: 0 16px;
+        // border-bottom: 1px solid #f0f0f0;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        
+        &:last-child {
+          border-bottom: none;
+        }
+        
+        p {
+          font-size: 14px;
+          color: #333;
+          margin: 0;
+          flex: 1;
+        }
+        
+        .el-button {
+          background: #3491FA;
+          border-color: #3491FA;
+          color: #fff;
+          
+          &:hover {
+            background: #5BA8FC;
+            border-color: #5BA8FC;
+          }
+          
+          &:disabled {
+            background: #f5f5f5;
+            border-color: #d9d9d9;
+            color: #bfbfbf;
+          }
+        }
+      }
+    }
+  }
+}
+
 

src/views/components/ApplyRecords/errorHandle.vue

@@ -585,23 +585,7 @@ export default {
       font-weight: 500;
     }
 
-    ::v-deep .el-collapse {
-      border: none;
-    }
-    ::v-deep .el-collapse-item__header{
-        width: 100%;
-        color: #333333;
-        font-size: 14px;
-        font-weight: 400;
-        /* 单行显示省略号 */
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-    }
-    ::v-deep .el-collapse-item__arrow{
-      position: absolute;
-      right: 0px;
-    }
+    /* 已移除局部 el-collapse 样式，使用全局样式 */
 
     .noContent{
       width: 100%;

src/views/components/giftRecord/emailGift.vue

@@ -667,27 +667,7 @@
         font-weight: 500;
       }
   
-      ::v-deep .el-collapse {
-        border: none;
-      }
-      ::v-deep .el-collapse-item__header {
-        border: none;
-      }
-      ::v-deep .el-collapse-item__header {
-        width: 100%;
-        height: 44px;
-        color: #333333;
-        padding-left: 66px;
-        font-size: 14px;
-        font-weight: 400;
-        /* 单行显示省略号 */
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-      }
-      ::v-deep .el-collapse-item__wrap {
-        border: none;
-      }
+      /* 已移除局部 el-collapse 样式，使用全局样式 */
     }
     .inputItem {
       margin-bottom: 10px;

src/views/components/order/refundLog.vue

@@ -800,30 +800,7 @@
       font-weight: 500;
     }
   
-    ::v-deep .el-collapse {
-      border: none;
-    }
-  
-    ::v-deep .el-collapse-item__header {
-      border: none;
-    }
-  
-    ::v-deep .el-collapse-item__header {
-      width: 100%;
-      height: 44px;
-      color: #333333;
-      padding-left: 66px;
-      font-size: 14px;
-      font-weight: 400;
-      /* 单行显示省略号 */
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-  
-    ::v-deep .el-collapse-item__wrap {
-      border: none;
-    }
+    /* 已移除局部 el-collapse 样式，使用全局样式 */
   
     .rotageIcon {
       cursor: pointer;

src/views/components/quickSendGame/sendGame.vue

@@ -1171,42 +1171,6 @@ export default {
       width: 100%;
       background: #fff;
 
-      ::v-deep .el-collapse {
-        border: none;
-
-        .el-collapse-item {
-          border: none;
-          margin-bottom: 1px;
-
-          &__header {
-            height: 52px;
-            line-height: 52px;
-            background: #fff;
-            border: none;
-            border-bottom: 1px solid #f0f0f0;
-            padding: 0 16px;
-            font-size: 16px;
-            font-weight: 500;
-            color: #333;
-
-            .el-collapse-item__arrow {
-              color: #999;
-              font-size: 14px;
-            }
-          }
-
-          &__wrap {
-            border: none;
-            background: #fafafa;
-          }
-
-          &__content {
-            padding: 0;
-            background: #fafafa;
-          }
-        }
-      }
-
       .gameListItem {
         width: 100%;
         height: 52px;

src/views/components/quickSendGame/vipTools.vue

@@ -363,21 +363,6 @@
     .gameListItemAc {
       background: #f7f8fa;
     }
-    ::v-deep .el-collapse {
-      border-top: none;
-      border-bottom: none;
-    }
-    ::v-deep .el-collapse-item {
-      border-radius: 4px;
-    }
-    ::v-deep .el-collapse-item__header {
-      border-bottom: none;
-      background: #f7f8fa;
-      padding-left: 20px;
-    }
-    ::v-deep .el-collapse-item__wrap {
-      border-bottom: none;
-    }
   }
 }
   </style>

src/views/components/roleInfo/roleInfo.vue

@@ -293,24 +293,6 @@
         display: block;
       }
     }
-    ::v-deep .el-collapse-item {
-      margin-bottom: 20px;
-    }
-    ::v-deep .el-collapse-item__content {
-      padding-bottom: 10px;
-    }
-    ::v-deep .el-collapse {
-      border: none;
-    }
-  
-    ::v-deep .el-collapse-item__header {
-      width: 100%;
-      height: 44px;
-      background: #F7F8FA;
-      color: #333333;
-      padding-left: 10px;
-      font-size: 14px;
-      font-weight: 400;
-    }
+    /* 已移除局部 el-collapse 样式，使用全局样式 */
   }
   </style>
\ No newline at end of file

src/views/components/skill/skillCompany.vue

@@ -521,31 +521,13 @@ export default {
       display: block;
     }
   }
-  ::v-deep .el-collapse-item {
-    margin-bottom: 20px;
-  }
-  ::v-deep .el-collapse-item__content {
-    padding-bottom: 10px;
-  }
-  ::v-deep .el-collapse {
-    border: none;
-  }
   ::v-deep .el-tabs--border-card .is-active {
     border: none !important;
   }
-  ::v-deep .el-collapse-item__header {
-    width: 100%;
-    height: 44px;
-    background: #f9faff;
-    color: #333333;
-    padding-left: 35px;
-    font-size: 14px;
-    font-weight: 400;
-    // cursor: move;
-  }
   ::v-deep .is-active {
     border: none;
   }
+  /* 已移除局部 el-collapse 样式，使用全局样式 */
   .inputContent {
     width: 100%;
     ::v-deep .el-input {

src/views/components/skill/skillLibrary.vue

@@ -453,31 +453,13 @@ export default {
     display: block;
   }
 }
-::v-deep .el-collapse-item {
-  margin-bottom: 20px;
-}
-::v-deep .el-collapse-item__content {
-  padding-bottom: 10px;
-}
-::v-deep .el-collapse {
-  border: none;
-}
 ::v-deep .el-tabs--border-card .is-active {
   border: none !important;
 }
-::v-deep .el-collapse-item__header {
-  width: 100%;
-  height: 44px;
-  background: #f9faff;
-  color: #333333;
-  padding-left: 35px;
-  font-size: 14px;
-  font-weight: 400;
-  // cursor: move;
-}
 ::v-deep .is-active {
   border: none;
 }
+/* 已移除局部 el-collapse 样式，使用全局样式 */
 .inputContent {
   width: 100%;
   margin-bottom: 20px;

src/views/components/skill/skillPersonal.vue

@@ -510,31 +510,13 @@ export default {
       display: block;
     }
   }
-  ::v-deep .el-collapse-item {
-    margin-bottom: 20px;
-  }
-  ::v-deep .el-collapse-item__content {
-    padding-bottom: 10px;
-  }
-  ::v-deep .el-collapse {
-    border: none;
-  }
   ::v-deep .el-tabs--border-card .is-active {
     border: none !important;
   }
-  ::v-deep .el-collapse-item__header {
-    width: 100%;
-    height: 44px;
-    background: #f9faff;
-    color: #333333;
-    padding-left: 35px;
-    font-size: 14px;
-    font-weight: 400;
-    // cursor: move;
-  }
   ::v-deep .is-active {
     border: none;
   }
+  /* 已移除局部 el-collapse 样式，使用全局样式 */
   .inputContent {
     width: 100%;
     ::v-deep .el-input {

src/views/orderList.vue

@@ -688,27 +688,7 @@
       font-weight: 500;
     }
   
-    ::v-deep .el-collapse {
-      border: none;
-    }
-    ::v-deep .el-collapse-item__header {
-      border: none;
-    }
-    ::v-deep .el-collapse-item__header {
-      width: 100%;
-      height: 44px;
-      color: #333333;
-      padding-left: 10px;
-      font-size: 14px;
-      font-weight: 400;
-      /* 单行显示省略号 */
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-    ::v-deep .el-collapse-item__wrap {
-      border: none;
-    }
+    /* 已移除局部 el-collapse 样式，使用全局样式 */
   }
   </style>
   
\ No newline at end of file

src/views/quickReply.vue

@@ -115,31 +115,13 @@ export default {
       margin: 0 0 20px;
     }
   }
-  ::v-deep .el-collapse-item {
-    margin-bottom: 20px;
-  }
-  ::v-deep .el-collapse-item__content {
-    padding-bottom: 10px;
-  }
-  ::v-deep .el-collapse {
-    border: none;
-  }
   ::v-deep .el-tabs--border-card .is-active {
     border: none !important;
   }
-  ::v-deep .el-collapse-item__header {
-    width: 100%;
-    height: 44px;
-    background: #f9faff;
-    color: #333333;
-    padding-left: 35px;
-    font-size: 14px;
-    font-weight: 400;
-    // cursor: move;
-  }
   ::v-deep .is-active {
     border: none;
   }
+  /* 已移除局部 el-collapse 样式，使用全局样式 */
   .inputContent {
     width: 100%;
     ::v-deep .el-input {

src/views/quickSendGame.vue

@@ -84,28 +84,10 @@ export default {
       margin: 0 0 20px;
     }
   }
-  ::v-deep .el-collapse-item {
-    margin-bottom: 20px;
-  }
-  ::v-deep .el-collapse-item__content {
-    padding-bottom: 10px;
-  }
-  ::v-deep .el-collapse {
-    border: none;
-  }
   ::v-deep .el-tabs--border-card .is-active {
     border: none !important;
   }
-  ::v-deep .el-collapse-item__header {
-    width: 100%;
-    height: 44px;
-    background: #f9faff;
-    color: #333333;
-    padding-left: 35px;
-    font-size: 14px;
-    font-weight: 400;
-    // cursor: move;
-  }
+ 
   ::v-deep .is-active {
     border: none;
   }

src/views/taskRecord.vue

@@ -739,27 +739,6 @@ export default {
     font-size: 16px;
     font-weight: 500;
   }
-
-  ::v-deep .el-collapse {
-    border: none;
-  }
-  ::v-deep .el-collapse-item__header {
-    width: 100%;
-    color: #333333;
-    font-size: 14px;
-    font-weight: 400;
-    /* 单行显示省略号 */
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-  ::v-deep .el-collapse-item__arrow {
-    position: absolute;
-    right: 0px;
-  }
-  ::v-deep .el-collapse-item__content{
-    padding:  10px;
-  }
   .editLayer {
     margin-left: -20px;
   .noDisturb{