优化代码

src/components/mineSubComponent/AnchorLibrary.vue

@@ -102,7 +102,7 @@
     </el-splitter>
   </div>
   <!-- 确认删除弹窗 -->
-  <el-dialog
+  <el-dialog center
     class="center-dialog"
     v-model="centerDialogVisible"
     title="提示"
@@ -328,8 +328,7 @@ onUnmounted(() => {
 .card-content {
   width: 90%;
   height: 100%;
-  border-radius: 20px;
-  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
+  border-radius: 10px;
   background-image: url(../../assets/PKbackground.png);
   background-size: 100% 100%;
   transition: all 0.4s ease;
@@ -337,7 +336,7 @@ onUnmounted(() => {
   align-items: center;
 }
 .card-content:hover {
-  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
+  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
   transform: scale(1.05);
   opacity: 0.8;
 }
@@ -397,11 +396,19 @@ onUnmounted(() => {
 .modify-icon:hover {
   transform: scale(1.2);
 }
+.modify-icon:active {
+  transition: all 0.1s ease;
+  transform: scale(0.95) !important;
+}
 .delete-icon {
   width: 30px;
   height: 30px;
   transition: all 0.4s ease;
 }
+.delete-icon:active {
+  transition: all 0.1s ease;
+  transform: scale(0.95) !important;
+}
 .delete-icon:hover {
   transform: scale(1.2);
 }
@@ -474,6 +481,10 @@ onUnmounted(() => {
   transform: scale(1.1);
   opacity: 0.8;
 }
+.Confirm:active {
+  transition: all 0.1s ease;
+  transform: scale(0.95) !important;
+}
 .Reset {
   width: 400px;
   height: 50px;
@@ -492,6 +503,10 @@ onUnmounted(() => {
   transform: scale(1.1);
   opacity: 0.8;
 }
+.Reset:active {
+  transition: all 0.1s ease;
+  transform: scale(0.95) !important;
+}
 .center-dialog {
   background-color: #03aba8;
 }