|
@@ -31,86 +31,21 @@
|
|
|
|
|
|
<!-- 文字slogan -->
|
|
|
<div id="slogan" class="slogan">
|
|
|
- <img
|
|
|
- id="slogan11"
|
|
|
- class="slogan11"
|
|
|
- src="/sk/skImage/word/幸.png"
|
|
|
- alt=""
|
|
|
- />
|
|
|
- <img
|
|
|
- id="slogan12"
|
|
|
- class="slogan12"
|
|
|
- src="/sk/skImage/word/福.png"
|
|
|
- alt=""
|
|
|
- />
|
|
|
+ <img id="slogan11" class="slogan11" src="/sk/skImage/word/幸.png" alt="" />
|
|
|
+ <img id="slogan12" class="slogan12" src="/sk/skImage/word/福.png" alt="" />
|
|
|
|
|
|
- <img
|
|
|
- id="slogan21"
|
|
|
- class="slogan21"
|
|
|
- src="/sk/skImage/word/S.png"
|
|
|
- alt=""
|
|
|
- />
|
|
|
- <img
|
|
|
- id="slogan22"
|
|
|
- class="slogan22"
|
|
|
- src="/sk/skImage/word/U.png"
|
|
|
- alt=""
|
|
|
- />
|
|
|
- <img
|
|
|
- id="slogan23"
|
|
|
- class="slogan23"
|
|
|
- src="/sk/skImage/word/P.png"
|
|
|
- alt=""
|
|
|
- />
|
|
|
- <img
|
|
|
- id="slogan24"
|
|
|
- class="slogan24"
|
|
|
- src="/sk/skImage/word/e.png"
|
|
|
- alt=""
|
|
|
- />
|
|
|
- <img
|
|
|
- id="slogan25"
|
|
|
- class="slogan25"
|
|
|
- src="/sk/skImage/word/X.png"
|
|
|
- alt=""
|
|
|
- />
|
|
|
+ <img id="slogan21" class="slogan21" src="/sk/skImage/word/S.png" alt="" />
|
|
|
+ <img id="slogan22" class="slogan22" src="/sk/skImage/word/U.png" alt="" />
|
|
|
+ <img id="slogan23" class="slogan23" src="/sk/skImage/word/P.png" alt="" />
|
|
|
+ <img id="slogan24" class="slogan24" src="/sk/skImage/word/e.png" alt="" />
|
|
|
+ <img id="slogan25" class="slogan25" src="/sk/skImage/word/X.png" alt="" />
|
|
|
|
|
|
- <img
|
|
|
- id="slogan31"
|
|
|
- class="slogan31"
|
|
|
- src="/sk/skImage/word/P2.png"
|
|
|
- alt=""
|
|
|
- />
|
|
|
- <img
|
|
|
- id="slogan32"
|
|
|
- class="slogan32"
|
|
|
- src="/sk/skImage/word/a.png"
|
|
|
- alt=""
|
|
|
- />
|
|
|
- <img
|
|
|
- id="slogan33"
|
|
|
- class="slogan33"
|
|
|
- src="/sk/skImage/word/e2.png"
|
|
|
- alt=""
|
|
|
- />
|
|
|
- <img
|
|
|
- id="slogan34"
|
|
|
- class="slogan34"
|
|
|
- src="/sk/skImage/word/-.png"
|
|
|
- alt=""
|
|
|
- />
|
|
|
- <img
|
|
|
- id="slogan35"
|
|
|
- class="slogan35"
|
|
|
- src="/sk/skImage/word/g.png"
|
|
|
- alt=""
|
|
|
- />
|
|
|
- <img
|
|
|
- id="slogan36"
|
|
|
- class="slogan36"
|
|
|
- src="/sk/skImage/word/i.png"
|
|
|
- alt=""
|
|
|
- />
|
|
|
+ <img id="slogan31" class="slogan31" src="/sk/skImage/word/P2.png" alt="" />
|
|
|
+ <img id="slogan32" class="slogan32" src="/sk/skImage/word/a.png" alt="" />
|
|
|
+ <img id="slogan33" class="slogan33" src="/sk/skImage/word/e2.png" alt="" />
|
|
|
+ <img id="slogan34" class="slogan34" src="/sk/skImage/word/-.png" alt="" />
|
|
|
+ <img id="slogan35" class="slogan35" src="/sk/skImage/word/g.png" alt="" />
|
|
|
+ <img id="slogan36" class="slogan36" src="/sk/skImage/word/i.png" alt="" />
|
|
|
</div>
|
|
|
|
|
|
<img id="ani4" class="ani4" src="/sk/skImage/ani4.jpg" alt="" />
|
|
@@ -172,7 +107,7 @@ import {
|
|
|
export default defineComponent({
|
|
|
components: {},
|
|
|
setup(props) {
|
|
|
- const formatEnergyDate = function(type = 1) {
|
|
|
+ const formatEnergyDate = function (type = 1) {
|
|
|
//三目运算符
|
|
|
let dates = null;
|
|
|
if (type == 2) {
|
|
@@ -203,7 +138,7 @@ export default defineComponent({
|
|
|
hours + ":" + minutes,
|
|
|
];
|
|
|
};
|
|
|
- const getWeek = function() {
|
|
|
+ const getWeek = function () {
|
|
|
let week = new Date().getDay();
|
|
|
let str = "";
|
|
|
if (week == 0) {
|
|
@@ -274,7 +209,7 @@ export default defineComponent({
|
|
|
myVid.controls = false;
|
|
|
|
|
|
// 视频播放完成
|
|
|
- $(myVid).bind("ended", function() {
|
|
|
+ $(myVid).bind("ended", function () {
|
|
|
$(myVid).fadeOut();
|
|
|
|
|
|
// 第2部分
|
|
@@ -379,14 +314,14 @@ export default defineComponent({
|
|
|
winChange() {
|
|
|
window.addEventListener(
|
|
|
"resize",
|
|
|
- function() {
|
|
|
+ function () {
|
|
|
proxyData.updateStyle();
|
|
|
},
|
|
|
false
|
|
|
);
|
|
|
},
|
|
|
});
|
|
|
- onBeforeUnmount(() => {});
|
|
|
+ onBeforeUnmount(() => { });
|
|
|
onMounted(() => {
|
|
|
let type = route.query.type;
|
|
|
proxyData.type = type;
|
|
@@ -422,20 +357,20 @@ export default defineComponent({
|
|
|
|
|
|
/* 第3部分动画 */
|
|
|
.aniThree {
|
|
|
- display: none;
|
|
|
- width: 100vw;
|
|
|
- height: 100vh;
|
|
|
+ display: none;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
position: absolute;
|
|
|
- text-align:center;
|
|
|
}
|
|
|
.aniThreeActive {
|
|
|
display: block;
|
|
|
}
|
|
|
.aniThree5 {
|
|
|
opacity: 0;
|
|
|
- padding-left: 100px;
|
|
|
margin-top: 330px;
|
|
|
margin-bottom: 60px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
}
|
|
|
.aniThreeActive5 {
|
|
|
animation: aniThreeActive5 1.5s ease-in-out 0.1s forwards;
|
|
@@ -451,6 +386,8 @@ export default defineComponent({
|
|
|
|
|
|
.aniThree6 {
|
|
|
opacity: 0;
|
|
|
+ justify-content: center;
|
|
|
+ display: flex;
|
|
|
}
|
|
|
.aniThreeActive6 {
|
|
|
animation: aniThreeActive6 1.5s ease-in-out 0.9s forwards;
|