瀏覽代碼

🚗 播放页增加返回按钮

快乐的梦鱼 10 小時之前
父節點
當前提交
c48baf12fd
共有 3 個文件被更改,包括 11 次插入0 次删除
  1. 二進制
      src/assets/images/Back.png
  2. 9 0
      src/assets/scss/main.scss
  3. 2 0
      src/views/PlayerView.vue

二進制
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('/')">