feat 核心视频

src/layout/components/Header/index.vue

@@ -3,6 +3,7 @@
 	  <div v-if="isBack" class="back2" @click="handleHome">
 	    <img class="icon" src="@/assets/images/home.png" alt="" /> 首页
 	  </div>
+	  <div class="btn-all" :class="!isBack?'all-home':''" @click="allShow = true" >核心景区视频</div>
     <ul class="nav-left">
       <li
         class="nav-left-item"
@@ -97,13 +98,14 @@
  <!-- <div class="amplify" @click="handleAmplify">
 	  <img class="icon-qp" src="@/assets/images/qping.png" alt="" /> 
   </div> -->
+  <all-list v-model="allShow" />
 </template>
 <script>
 	
 </script>
 <script setup>
   import { useRouter } from 'vue-router'
-
+  import allList from '../CoreVideo/allList'
   import title2 from '@/assets/images/title-2.png'
   import title3 from '@/assets/images/title-3.png'
   import title2Select from '@/assets/images/title-2-select.png'
@@ -119,7 +121,7 @@
   const homeStore = useHomeStore()
   const scenicStore = useScenicStore()
   const router = useRouter()
-
+  let allShow = ref(false)
   let currentDate = ref('')
   let weatherData = ref({})
   let title = ref('')
@@ -467,6 +469,26 @@
         height: auto;
       }
     }
+	.btn-all{
+		position: absolute;
+		left: vw(140);
+		top: vh(30);
+		min-width: vw(180);
+		padding:0 vw(15);
+		height: vh(56);
+		font-weight: 600;
+		font-size: vw(22);
+		color: #ffffff;
+		background: linear-gradient(270deg, rgba(8, 41, 86, 0.16) 0%, #0b61b4 100%);
+		border-radius: vw(60);
+		border: 1px solid rgba(0, 114, 220, 0.3);
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+	.all-home{
+		left: vw(20);
+	}
 	.back2 {
 	  position: absolute;
 	  left: vw(-50);