新增返回按钮

2023-07-20 16:10:45 +08:00
parent 9e345cf51a
commit c9b16d9fac
4 changed files with 27 additions and 0 deletions
--- a/view/peko/modules/noble/css/index.css
+++ b/view/peko/modules/noble/css/index.css
@@ -4,6 +4,19 @@ body {
  background: #0E1417;
 }

+.back {
+  position: fixed;
+  top: 0.9333333333rem;
+  left: 0.4533333333rem;
+  z-index: 9;
+  width: 0.8266666667rem;
+  height: 0.8266666667rem;
+}
+.back img {
+  width: 100%;
+  height: 100%;
+}
+
 .header {
  width: 10rem;
  height: 16.16rem;
--- a/view/peko/modules/noble/css/index.scss
+++ b/view/peko/modules/noble/css/index.scss
@@ -7,7 +7,19 @@ body {
    width: 100%;
    background: #0E1417;
 }
+.back {
+    position: fixed;
+    top: px2rem(70, );
+    left: px2rem(34, );
+    z-index: 9;
+    width: px2rem(62, );
+    height: px2rem(62, );

+    img {
+        width: 100%;
+        height: 100%;
+    }
+}
 .header {
    width: px2rem(750, );
    height: px2rem(1212, );
--- a/view/peko/modules/noble/images/travel/back.png
+++ b/view/peko/modules/noble/images/travel/back.png
--- a/view/peko/modules/noble/index.html
+++ b/view/peko/modules/noble/index.html
@@ -11,6 +11,8 @@
 </head>

 <body>
+    <!-- 顶部返回 -->
+    <div class="back"><img src="./images/travel/back.png" alt=""></div>
    <!-- 头部 -->
    <div class="header">
        <!-- 公告 -->