zs 3 months ago
parent
commit
47767723bc

BIN
public/images/上tab选中2.png


BIN
public/images/上tab选中4.png


BIN
public/images/上tab默认1.png


BIN
public/images/上tab默认3.png


+ 19 - 13
src/views/screen/index.vue

@@ -2,7 +2,9 @@
   <dv-full-screen-container>
     <div class="screen">
       <div class="one">
-        <div class="left" style="left: 10%"></div>
+        <div class="left" style="left: 10%">
+          <div class="button button_2" @click="toBack">返回上一页</div>
+        </div>
         <div class="center">
           <span>{{ info.name || '赛事名称' }}</span>
           <img :src="bg_1" alt="" class="ding_img" />
@@ -92,6 +94,10 @@ const timer = setInterval(updateTime, 1000)
 onMounted(() => {
   timer // 开始计时器
 })
+// 返回上一页
+const toBack = () => {
+  window.history.go(-1)
+}
 </script>
 <style scoped lang="scss">
 .screen {
@@ -111,22 +117,22 @@ onMounted(() => {
       display: flex;
       position: absolute;
       top: 20%;
-      height: 28px;
+      height: 30px;
       .button {
-        font-size: 0.7rem;
+        font-size: 1rem;
         color: #3a86bf;
-        width: 115px;
-        height: 28px;
+        width: 120px;
+        height: 30px;
         text-align: center;
         line-height: 27px;
         cursor: default;
       }
       .button_1 {
-        background: url('../assets/images/上tab默认1.png') no-repeat;
+        background: url('/images/上tab默认1.png') no-repeat;
         background-size: cover;
       }
       .button_2 {
-        background: url('../assets/images/上tab默认1.png') no-repeat;
+        background: url('/images/上tab默认1.png') no-repeat;
         background-size: cover;
       }
     }
@@ -147,7 +153,7 @@ onMounted(() => {
       display: flex;
       position: absolute;
       top: 20%;
-      height: 28px;
+      height: 30px;
       .head_2 {
         position: absolute;
         right: 10px;
@@ -160,20 +166,20 @@ onMounted(() => {
         width: 220px;
       }
       .button {
-        font-size: 0.7rem;
+        font-size: 1rem;
         color: #3a86bf;
-        width: 115px;
-        height: 28px;
+        width: 120px;
+        height: 30px;
         text-align: center;
         line-height: 27px;
         cursor: default;
       }
       .button_3 {
-        background: url('../assets/images/上tab选中2.png') no-repeat;
+        background: url('/images/上tab选中2.png') no-repeat;
         background-size: cover;
       }
       .button_4 {
-        background: url('../assets/images/上tab选中2.png') no-repeat;
+        background: url('/images/上tab选中2.png') no-repeat;
         background-size: cover;
       }
     }