|
@@ -1,16 +1,26 @@
|
|
|
<template>
|
|
|
<div class="honor">
|
|
|
- <video class="h_bg" muted autoplay loop :src="require('@/assets/video/honor_bg.mp4')"></video>
|
|
|
+ <video
|
|
|
+ class="h_bg"
|
|
|
+ muted
|
|
|
+ autoplay
|
|
|
+ loop
|
|
|
+ :src="require('@/assets/video/honor_bg.mp4')"
|
|
|
+ ></video>
|
|
|
<div class="d-body">
|
|
|
<ul>
|
|
|
<li @click="onclickhonor(item)" v-for="(item, i) in list" :key="i">
|
|
|
- <img :src="`static/img/${i+1}.jpg`" alt="" />
|
|
|
+ <img :src="`static/img/${i + 1}.jpg`" alt="" />
|
|
|
<!-- <img :src="require(`@/assets/images/honor/default.png`)" alt=""> -->
|
|
|
<span>
|
|
|
{{ item.name }}
|
|
|
</span>
|
|
|
<div class="mask">
|
|
|
- <img class="bofang" :src="require(`@/assets/images/honor/bofang.png`)" alt="" />
|
|
|
+ <img
|
|
|
+ class="bofang"
|
|
|
+ :src="require(`@/assets/images/honor/bofang.png`)"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
</div>
|
|
|
</li>
|
|
|
</ul>
|
|
@@ -27,101 +37,77 @@ export default {
|
|
|
return {
|
|
|
list: [
|
|
|
{
|
|
|
- sceneCode: "LC720_VHrShYeqT",
|
|
|
+ sceneCode: "LC720_15MSR4ADK",
|
|
|
+ name: "一大队",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ sceneCode: "LC720_rTENm3L0x",
|
|
|
+ name: "二大队",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ sceneCode: "LC720_IFOTselik",
|
|
|
+ name: "三大队",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ sceneCode: "LC720_LykTjuo9l",
|
|
|
name: "一中队",
|
|
|
},
|
|
|
{
|
|
|
- sceneCode: "LC720_uxDxE2WKr",
|
|
|
+ sceneCode: "LC720_Fr0yDgzG5",
|
|
|
name: "二中队",
|
|
|
},
|
|
|
{
|
|
|
- sceneCode: "LC720_lXTNhlnmo",
|
|
|
+ sceneCode: "LC720_Hy26mlpc9",
|
|
|
name: "三中队",
|
|
|
},
|
|
|
{
|
|
|
- sceneCode: "LC720_2Mjhi0ygD",
|
|
|
+ sceneCode: "LC720_EnTEs4foK",
|
|
|
name: "四中队",
|
|
|
},
|
|
|
{
|
|
|
- sceneCode: "LC720_Po74BxXp2",
|
|
|
+ sceneCode: "LC720_qCKEX136Y",
|
|
|
name: "五中队",
|
|
|
},
|
|
|
{
|
|
|
- sceneCode: "LC720_djBlhZQdT",
|
|
|
+ sceneCode: "LC720_v5Vj8YGjw",
|
|
|
name: "六中队",
|
|
|
},
|
|
|
{
|
|
|
- sceneCode: "LC720_TKXNrOCJs",
|
|
|
+ sceneCode: "LC720_6RS3Np49b",
|
|
|
name: "七中队",
|
|
|
},
|
|
|
{
|
|
|
- sceneCode: "LC720_69FApv3Qh",
|
|
|
+ sceneCode: "LC720_qHrFqOcQq",
|
|
|
name: "八中队",
|
|
|
},
|
|
|
{
|
|
|
- sceneCode: "LC720_M7Z1z3oiY",
|
|
|
+ sceneCode: "LC720_WYpucyQun",
|
|
|
name: "九中队",
|
|
|
},
|
|
|
{
|
|
|
- sceneCode: "LC720_lHQOZob9Z",
|
|
|
+ sceneCode: "LC720_63FLURQfN",
|
|
|
name: "十中队",
|
|
|
},
|
|
|
{
|
|
|
- sceneCode: "LC720_f2biUHVg2",
|
|
|
+ sceneCode: "LC720_rPbXkQhEb",
|
|
|
name: "十一中队",
|
|
|
},
|
|
|
{
|
|
|
- sceneCode: "LC720_37N6UdQlq",
|
|
|
- name: "十二中队",
|
|
|
- },
|
|
|
- {
|
|
|
- sceneCode: "LC720_osReuy6Ja",
|
|
|
- name: "十三中队",
|
|
|
- },
|
|
|
- {
|
|
|
- sceneCode: "LC720_IC3kNHFOd",
|
|
|
- name: "十四中队",
|
|
|
- },
|
|
|
- {
|
|
|
- sceneCode: "LC720_sfcSQA0pi",
|
|
|
- name: "十五中队",
|
|
|
- },
|
|
|
- {
|
|
|
- sceneCode: "LC720_RN6y9QlYc",
|
|
|
- name: "十六中队",
|
|
|
+ sceneCode: "LC720_5GVBhI7gL",
|
|
|
+ name: "供应保障中队",
|
|
|
},
|
|
|
{
|
|
|
- sceneCode: "LC720_1mCdByJko",
|
|
|
- name: "供应保障中队",
|
|
|
+ sceneCode: "LC720_xLfuLqD0d",
|
|
|
+ name: "机动中队",
|
|
|
},
|
|
|
{
|
|
|
- sceneCode: "LC720_QfswYRas5",
|
|
|
+ sceneCode: "LC720_1Wf0wnOa4",
|
|
|
name: "警勤中队",
|
|
|
},
|
|
|
{
|
|
|
- sceneCode: "LC720_wJN5vuDEa",
|
|
|
+ sceneCode: "LC720_0EcTaaf6F",
|
|
|
name: "勤务保障中队",
|
|
|
},
|
|
|
- {
|
|
|
- sceneCode: "LC720_w0Cz25j6S",
|
|
|
- name: "机动一中队",
|
|
|
- },
|
|
|
- {
|
|
|
- sceneCode: "LC720_Lb5QZmIe9",
|
|
|
- name: "机动二中队",
|
|
|
- },
|
|
|
- {
|
|
|
- sceneCode: "LC720_VtSjh3mxe",
|
|
|
- name: "机动三中队",
|
|
|
- },
|
|
|
- {
|
|
|
- sceneCode: "LC720_v8TSFIA31",
|
|
|
- name: "机动四中队",
|
|
|
- },
|
|
|
- {
|
|
|
- sceneCode: "LC720_SFjjEJRlg",
|
|
|
- name: "特战中队",
|
|
|
- },
|
|
|
],
|
|
|
};
|
|
|
},
|
|
@@ -179,13 +165,13 @@ export default {
|
|
|
width: 1600px;
|
|
|
margin: 50px auto;
|
|
|
|
|
|
- >ul {
|
|
|
+ > ul {
|
|
|
max-height: 80vh;
|
|
|
overflow-y: auto;
|
|
|
display: flex;
|
|
|
flex-wrap: wrap;
|
|
|
|
|
|
- >li {
|
|
|
+ > li {
|
|
|
margin: 15px 10px;
|
|
|
width: 300px;
|
|
|
background: #c50b10;
|
|
@@ -198,13 +184,13 @@ export default {
|
|
|
transition: ease 0.3s all;
|
|
|
height: 244px;
|
|
|
|
|
|
- >img {
|
|
|
+ > img {
|
|
|
width: 100%;
|
|
|
// height: 100%;
|
|
|
// object-fit: contain;
|
|
|
}
|
|
|
|
|
|
- >span {
|
|
|
+ > span {
|
|
|
display: inline-block;
|
|
|
position: relative;
|
|
|
margin: 6px 10px 4px;
|
|
@@ -232,7 +218,7 @@ export default {
|
|
|
z-index: 999;
|
|
|
background: rgba(197, 11, 16, 0.7);
|
|
|
|
|
|
- >img {
|
|
|
+ > img {
|
|
|
position: absolute;
|
|
|
top: 50%;
|
|
|
left: 50%;
|
|
@@ -244,7 +230,7 @@ export default {
|
|
|
&:hover {
|
|
|
padding: 0;
|
|
|
|
|
|
- >img {
|
|
|
+ > img {
|
|
|
height: 100%;
|
|
|
width: auto;
|
|
|
transform: translate(-10%);
|