样式优化

2025-12-07 21:07:14 +08:00
parent f41e9757bf
commit f654e34c63
8 changed files with 404 additions and 51 deletions
@@ -0,0 +1,33 @@
+<template>
+  <svg 
+    xmlns="http://www.w3.org/2000/svg" 
+    viewBox="0 0 24 24" 
+    fill="none" 
+    stroke="currentColor" 
+    stroke-width="2" 
+    stroke-linecap="round" 
+    stroke-linejoin="round"
+    class="icon-presets"
+  >
+    <path class="layout-main" d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z" />
+    <polyline class="layout-line-1" points="17 21 17 13 7 13 7 21" />
+    <polyline class="layout-line-2" points="7 3 7 8 15 8" />
+  </svg>
+</template>
+
+<style scoped>
+.layout-main, .layout-line-1, .layout-line-2 {
+  transition: all 0.3s ease;
+  transform-origin: center;
+}
+
+:deep(.nav-btn:hover) .layout-line-1,
+svg:hover .layout-line-1 {
+  transform: scaleY(0.9) translateY(1px);
+}
+
+:deep(.nav-btn:hover) .layout-line-2,
+svg:hover .layout-line-2 {
+  transform: translateX(1px);
+}
+</style>