Browse Source

🚗 播放页增加返回按钮

快乐的梦鱼 7 hours ago
parent
commit
c48baf12fd
3 changed files with 11 additions and 0 deletions
  1. BIN
      src/assets/images/Back.png
  2. 9 0
      src/assets/scss/main.scss
  3. 2 0
      src/views/PlayerView.vue

BIN
src/assets/images/Back.png


+ 9 - 0
src/assets/scss/main.scss

@@ -70,6 +70,15 @@ main {
   height: 50px;
   cursor: pointer;
 
+  &.back {
+    position: absolute;
+    top: 6vh;
+    left: 6vw;
+    width: 100px;
+    height: 100px;
+    z-index: 2;
+  }
+
   &.fill {
     width: 100%;
     height: 100%;

+ 2 - 0
src/views/PlayerView.vue

@@ -16,6 +16,8 @@ const data = useSimpleDataLoader(async () =>
 
 <template>
   <main class="main-bg main-bg2 d-flex flex-col align-center justify-center">
+    <img class="main-image-button back" src="@/assets/images/Back.png" alt="" @click="router.back()">
+
     <div class="main-box2 d-flex flex-row align-center">
       <div class="d-flex flex-col align-center flex-one gap-base padding-top-ll">
         <img class="main-image-button fill" src="@/assets/images/PlayList/Button1.png" alt="" @click="router.push('/')">