fix: 优化细节

src/component/Canvas/CanvasEditor/index.vue

@@ -218,6 +218,7 @@ onMounted(async () => {
     isFixedErasable: props.isFixedErasable,
   });
   canvasManager.canvas.activeLayerId = activeLayerId;
+  canvasManager.activeLayerId = activeLayerId;
   canvasManager.canvas.activeElementId = activeElementId;
 
   // 创建命令管理器
@@ -1207,8 +1208,8 @@ defineExpose({
   bottom: 1rem;
   right: 1rem;
   background: rgba(255, 255, 255, 0.7);
-  padding: .5rem 1rem;
-  border-radius: .4rem;
+  padding: 0.5rem 1rem;
+  border-radius: 0.4rem;
   font-size: 1.4rem;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
   color: #666;
@@ -1220,8 +1221,8 @@ defineExpose({
   top: 1rem;
   left: 1rem;
   background: rgba(255, 255, 255, 0.8);
-  padding: .5rem 1rem;
-  border-radius: .4rem;
+  padding: 0.5rem 1rem;
+  border-radius: 0.4rem;
   font-size: 1.2rem;
   color: #666;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
@@ -1230,11 +1231,11 @@ defineExpose({
 .reset-zoom {
   margin-left: 1rem;
   cursor: pointer;
-  padding: .2rem .5rem;
+  padding: 0.2rem 0.5rem;
   font-size: 1.2rem;
   border: 1px solid #ddd;
   background: #f8f8f8;
-  border-radius: .3rem;
+  border-radius: 0.3rem;
 }
 
 .footer-actions {
@@ -1247,7 +1248,7 @@ defineExpose({
 
 .share-btn,
 .export-btn {
-  padding: .8rem 2rem;
+  padding: 0.8rem 2rem;
   border: none;
   border-radius: 2rem;
   background-color: #000;
@@ -1310,7 +1311,7 @@ button:hover {
   max-height: 90vh;
   overflow-y: auto;
   background-color: #fff;
-  border-radius: .8rem;
+  border-radius: 0.8rem;
   padding: 2rem;
 }
 
@@ -1337,11 +1338,11 @@ button:hover {
   right: 1rem;
   background: rgba(255, 255, 255, 0.9);
   padding: 1rem;
-  border-radius: .4rem;
+  border-radius: 0.4rem;
   box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
   display: flex;
   flex-direction: column;
-  gap: .8rem;
+  gap: 0.8rem;
   z-index: 5;
 }
 
@@ -1353,7 +1354,7 @@ button:hover {
   background: #fff;
   width: 35rem;
   max-height: 85vh;
-  box-shadow: 0 .4rem 2rem rgba(0, 0, 0, 0.1); /* 添加阴影效果 */
+  box-shadow: 0 0.4rem 2rem rgba(0, 0, 0, 0.1); /* 添加阴影效果 */
   backdrop-filter: blur(2px); /* 添加模糊效果 */
   -webkit-backdrop-filter: blur(2px);
   background-color: rgba(255, 255, 255, 0.95); /* 改为白色背景 */
@@ -1363,8 +1364,8 @@ button:hover {
   &::before {
     content: "";
     position: absolute;
-    top: -.9rem;
-    right: .6rem;
+    top: -0.9rem;
+    right: 0.6rem;
     width: 0;
     height: 0;
     border-left: 1rem solid transparent;
@@ -1388,7 +1389,7 @@ button:hover {
 
   .layer-item,
   .element-item {
-    padding: 1.2rem .8rem;
+    padding: 1.2rem 0.8rem;
   }
 
   .element-action-btn,