app内分享和返回功能

zhiyangdu
1 parent d56e0d65
Showing 2 changed files with 20 additions and 0 deletions
src/pages/index/index.less
src/pages/index/index.vue
@@ -157,3 +157,18 @@
     }
  
 }
+//返回和分享功能
+.top_box{
+    width: calc(100% - 60px);
+    height: 100px;
+    position: fixed;
+    top:0;
+    left: 30px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    img{
+        width: 64px;
+        height: 64px;
+    }
+}
@@ -65,6 +65,11 @@
             <div class="div18"></div>
  
         </div>
+        <!--头部返回和分享-->
+        <div v-show="isCNLive.value" class="top_box">
+            <img @click="$parent.back()" src="../../../static/img/back.jpg" alt=""/>
+            <img @click="$parent.back()" src="../../../static/img/share.jpg" alt=""/>
+        </div>
     </div>
 </template>