|
|
@@ -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,99 +37,99 @@ export default {
|
|
|
return {
|
|
|
list: [
|
|
|
{
|
|
|
- sceneCode: "LC720_VHrShYeqT",
|
|
|
+ sceneCode: "LC720_stej5lvs6",
|
|
|
name: "一中队",
|
|
|
},
|
|
|
{
|
|
|
- sceneCode: "LC720_uxDxE2WKr",
|
|
|
+ sceneCode: "LC720_M54GgfIVs",
|
|
|
name: "二中队",
|
|
|
},
|
|
|
{
|
|
|
- sceneCode: "LC720_lXTNhlnmo",
|
|
|
+ sceneCode: "LC720_iDeJ5OHOq",
|
|
|
name: "三中队",
|
|
|
},
|
|
|
{
|
|
|
- sceneCode: "LC720_2Mjhi0ygD",
|
|
|
+ sceneCode: "LC720_8zGR6f6NH",
|
|
|
name: "四中队",
|
|
|
},
|
|
|
{
|
|
|
- sceneCode: "LC720_Po74BxXp2",
|
|
|
+ sceneCode: "LC720_9aYs7sJNa",
|
|
|
name: "五中队",
|
|
|
},
|
|
|
{
|
|
|
- sceneCode: "LC720_djBlhZQdT",
|
|
|
+ sceneCode: "LC720_I4ptUZ3GS",
|
|
|
name: "六中队",
|
|
|
},
|
|
|
{
|
|
|
- sceneCode: "LC720_TKXNrOCJs",
|
|
|
+ sceneCode: "LC720_tcsj56D6E",
|
|
|
name: "七中队",
|
|
|
},
|
|
|
{
|
|
|
- sceneCode: "LC720_69FApv3Qh",
|
|
|
+ sceneCode: "LC720_V8YNwqkfy",
|
|
|
name: "八中队",
|
|
|
},
|
|
|
{
|
|
|
- sceneCode: "LC720_M7Z1z3oiY",
|
|
|
+ sceneCode: "LC720_3H1gFJND1",
|
|
|
name: "九中队",
|
|
|
},
|
|
|
{
|
|
|
- sceneCode: "LC720_lHQOZob9Z",
|
|
|
+ sceneCode: "LC720_IJwhJkMSU",
|
|
|
name: "十中队",
|
|
|
},
|
|
|
{
|
|
|
- sceneCode: "LC720_f2biUHVg2",
|
|
|
+ sceneCode: "LC720_VKqihT9pK",
|
|
|
name: "十一中队",
|
|
|
},
|
|
|
{
|
|
|
- sceneCode: "LC720_37N6UdQlq",
|
|
|
+ sceneCode: "LC720_Keke4ACQO",
|
|
|
name: "十二中队",
|
|
|
},
|
|
|
{
|
|
|
- sceneCode: "LC720_osReuy6Ja",
|
|
|
+ sceneCode: "LC720_SudS3YL9p",
|
|
|
name: "十三中队",
|
|
|
},
|
|
|
{
|
|
|
- sceneCode: "LC720_IC3kNHFOd",
|
|
|
+ sceneCode: "LC720_w2KBrHfiT",
|
|
|
name: "十四中队",
|
|
|
},
|
|
|
{
|
|
|
- sceneCode: "LC720_sfcSQA0pi",
|
|
|
+ sceneCode: "LC720_BNhQwU8Lb",
|
|
|
name: "十五中队",
|
|
|
},
|
|
|
{
|
|
|
- sceneCode: "LC720_RN6y9QlYc",
|
|
|
+ sceneCode: "LC720_KPJhCBgEv",
|
|
|
name: "十六中队",
|
|
|
},
|
|
|
{
|
|
|
- sceneCode: "LC720_1mCdByJko",
|
|
|
+ sceneCode: "LC720_30DiUNzNL",
|
|
|
name: "供应保障中队",
|
|
|
},
|
|
|
{
|
|
|
- sceneCode: "LC720_QfswYRas5",
|
|
|
+ sceneCode: "LC720_2mYiKDWAM",
|
|
|
name: "警勤中队",
|
|
|
},
|
|
|
{
|
|
|
- sceneCode: "LC720_wJN5vuDEa",
|
|
|
- name: "勤务保障中队",
|
|
|
+ sceneCode: "LC720_2CkLjfBHG",
|
|
|
+ name: "卫生队",
|
|
|
},
|
|
|
{
|
|
|
- sceneCode: "LC720_w0Cz25j6S",
|
|
|
+ sceneCode: "LC720_34kdTquQU",
|
|
|
name: "机动一中队",
|
|
|
},
|
|
|
{
|
|
|
- sceneCode: "LC720_Lb5QZmIe9",
|
|
|
+ sceneCode: "LC720_Zx8XHnFD7",
|
|
|
name: "机动二中队",
|
|
|
},
|
|
|
{
|
|
|
- sceneCode: "LC720_VtSjh3mxe",
|
|
|
+ sceneCode: "LC720_sMtdChbJL",
|
|
|
name: "机动三中队",
|
|
|
},
|
|
|
{
|
|
|
- sceneCode: "LC720_v8TSFIA31",
|
|
|
+ sceneCode: "LC720_akUO3xZWk",
|
|
|
name: "机动四中队",
|
|
|
},
|
|
|
{
|
|
|
- sceneCode: "LC720_SFjjEJRlg",
|
|
|
+ sceneCode: "LC720_L1yoZ7Kat",
|
|
|
name: "特战中队",
|
|
|
},
|
|
|
],
|
|
|
@@ -179,13 +189,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 +208,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 +242,7 @@ export default {
|
|
|
z-index: 999;
|
|
|
background: rgba(197, 11, 16, 0.7);
|
|
|
|
|
|
- >img {
|
|
|
+ > img {
|
|
|
position: absolute;
|
|
|
top: 50%;
|
|
|
left: 50%;
|
|
|
@@ -244,7 +254,7 @@ export default {
|
|
|
&:hover {
|
|
|
padding: 0;
|
|
|
|
|
|
- >img {
|
|
|
+ > img {
|
|
|
height: 100%;
|
|
|
width: auto;
|
|
|
transform: translate(-10%);
|