diff --git a/android/app/src/main/res/drawable/ic_launcher_foreground.xml b/android/app/src/main/res/drawable/ic_launcher_foreground.xml index 3f2b7a8..92bf5f4 100644 --- a/android/app/src/main/res/drawable/ic_launcher_foreground.xml +++ b/android/app/src/main/res/drawable/ic_launcher_foreground.xml @@ -2,57 +2,66 @@ + android:viewportWidth="100" + android:viewportHeight="100"> - + + + android:pathData="M32,22H68C73,22 76,25 76,30V78L68,73L60,78L52,73L44,78L36,73L28,78V30C28,25 31,22 36,22z" /> - + - + - + + android:pathData="M52,51a9,9 0 1,0 0,18a9,9 0 1,0 0,-18" /> + android:pathData="M52,56v8M48,60h8" /> - + + + android:strokeAlpha="0.3" + android:pathData="M80,24 Q88,36 86,52" /> + + + android:strokeWidth="2" + android:strokeAlpha="0.8" + android:pathData="M25,35 L27,35 M26,34 L26,36" /> diff --git a/index.html b/index.html index d86b9ec..57d4e91 100644 --- a/index.html +++ b/index.html @@ -2,9 +2,9 @@ - + - echo-app + Echo
diff --git a/public/echo-icon.svg b/public/echo-icon.svg new file mode 100644 index 0000000..f2a170e --- /dev/null +++ b/public/echo-icon.svg @@ -0,0 +1,68 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/App.vue b/src/App.vue index 768beb3..f864e4c 100644 --- a/src/App.vue +++ b/src/App.vue @@ -57,7 +57,9 @@ onBeforeUnmount(() => { - + + + diff --git a/src/style.css b/src/style.css index b388570..72e2384 100644 --- a/src/style.css +++ b/src/style.css @@ -36,5 +36,15 @@ -webkit-background-clip: text; color: transparent; } -} + /* 底部弹层上滑 / 下滑动效,与设计稿 ui_mock.html 保持一致 */ + .slide-up-enter-active, + .slide-up-leave-active { + transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1); + } + + .slide-up-enter-from, + .slide-up-leave-to { + transform: translateY(100%); + } +} diff --git a/src/views/AddEntryView.vue b/src/views/AddEntryView.vue index 05cc5b9..7220b1f 100644 --- a/src/views/AddEntryView.vue +++ b/src/views/AddEntryView.vue @@ -156,7 +156,7 @@ transactionStore.ensureInitialized() @click.self="closePanel" >