样式冲突更改

src/components/Dicom/DicomViewer.vue

@@ -1135,45 +1135,7 @@ export default {
   }
 }
 </script>
-
-<style>
-.dicom-wrapper {
-  display: flex;
-  height: 100%;
-}
-
-.dicom-wrapper .case-dialog-class {
-  position: fixed;
-  left: 25%;
-  pointer-events: auto;
-  display: block;
-  overflow: auto;
-}
-
-.dicom-wrapper .case-dialog-div {
-  pointer-events: none;
-}
-
-.dicom-wrapper .case-dialog-class .el-dialog__body {
-  max-height: 300px;
-  overflow-y: auto;
-}
-
-.dicom-wrapper .el-dialog__header {
-  padding: 15px;
-}
-
-.dicom-wrapper .el-dialog__body {
-  padding: 10px 20px;
-}
-
-.dicom-viewer {
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  position: relative;
-}
-
+<style lang="scss">
 .Anonymous {
   position: absolute;
   border-radius: 5px;
@@ -1213,26 +1175,48 @@ export default {
     cursor: not-allowed;
   }
 }
-
-.Anonymous .btn {
-  width: 15%;
-  text-align: center;
-  height: 40px;
-  line-height: 30px;
-  border-radius: 15px;
-  background-color: rgba(255, 255, 255, .3);
-  cursor: pointer;
-  padding: 5px 10px;
-  border: 1px solid rgba(255, 255, 255, .7);
-}
-.Anonymous .btn:hover {
-  background-color: rgba(255, 255, 255, .5);
+</style>
+<style>
+.dicom-wrapper {
+  display: flex;
+  height: 100%;
 }
 
-.Anonymous .activeBtn {
-  background-color: rgba(255, 255, 255, .5);
+.dicom-wrapper .case-dialog-class {
+  position: fixed;
+  left: 25%;
+  pointer-events: auto;
+  display: block;
+  overflow: auto;
 }
 
+.dicom-wrapper .case-dialog-div {
+  pointer-events: none;
+}
+
+.dicom-wrapper .case-dialog-class .el-dialog__body {
+  max-height: 300px;
+  overflow-y: auto;
+}
+
+.dicom-wrapper .el-dialog__header {
+  padding: 15px;
+}
+
+.dicom-wrapper .el-dialog__body {
+  padding: 10px 20px;
+}
+
+.dicom-viewer {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  position: relative;
+}
+
+
+
+
 
 .btnBox {
   display: inline-block;