全屏

src/layout/components/Header/index.vue

@@ -94,8 +94,13 @@
       <img class="icon" src="@/assets/images/back.png" alt="" /> 返回
     </div>
   </div>
+  <div class="amplify" @click="handleAmplify">
+	  <img class="icon-qp" src="@/assets/images/qping.png" alt="" /> 
+  </div>
 </template>
-
+<script>
+	
+</script>
 <script setup>
   import { useRouter } from 'vue-router'
 
@@ -110,7 +115,8 @@
 
   import pubSub from 'pubsub-js'
   import { useScenicStore } from '@/stores/scenic'
-
+  import { useHomeStore } from '@/stores/home'
+  const homeStore = useHomeStore()
   const scenicStore = useScenicStore()
   const router = useRouter()
 
@@ -127,7 +133,12 @@
   let otherLeftNav = ref([])
   let otherRightNav = ref([])
   let spotList = ref([])
-
+  let amplify = ref(true)
+  //放大
+  const handleAmplify = ()=>{
+	  amplify.value = !amplify.value
+	  homeStore.setAmplify(amplify.value)
+  }
   // 补零
   const fillZero = (value) => {
     return value < 10 ? `0${value}` : value
@@ -374,8 +385,6 @@
   )
   onMounted(async() => {
 	// 获取查询参数
-
-
 	PubSub.subscribe('navToChange', (msg, data) => {
 		monitorDefaultData.value = data
 		console.log(monitorDefaultData.value,'monitorDefaultData.valuemonitorDefaultData.value')
@@ -402,6 +411,14 @@
 </script>
 
 <style scoped lang="scss">
+	.amplify{
+		position:absolute;
+		right:vw(550);
+		top:vh(50);
+		.icon-qp{
+			width:vw(50);
+		}
+	}
   .header {
     position: absolute;
     left: vw(326);