|
@@ -1,5 +1,5 @@
|
|
|
<template>
|
|
|
- <div class="main">
|
|
|
+ <div class="main" v-if="showFalg">
|
|
|
<video id="video1" muted autoplay>
|
|
|
<source src="/sk/skImage/媒体1.mp4" type="video/mp4" />
|
|
|
您的浏览器不支持 HTML5 video 标签。
|
|
@@ -22,21 +22,86 @@
|
|
|
|
|
|
<!-- 文字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="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="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="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="" />
|
|
@@ -74,7 +139,9 @@
|
|
|
<img src="/sk/skImage/skLogo.jpg" alt="" />
|
|
|
</div>
|
|
|
<div class="line" id="line"></div>
|
|
|
- <div class="text" id="text"><img src="/sk/skImage/text.jpg" alt="" /></div>
|
|
|
+ <div class="text" id="text">
|
|
|
+ <img src="/sk/skImage/text.jpg" alt="" />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
@@ -143,7 +210,7 @@ export default defineComponent({
|
|
|
} else if (week == 6) {
|
|
|
str = "星期六";
|
|
|
}
|
|
|
- return str
|
|
|
+ return str;
|
|
|
};
|
|
|
const router = useRouter();
|
|
|
const proxyData = reactive({
|
|
@@ -151,6 +218,7 @@ export default defineComponent({
|
|
|
sTime: formatEnergyDate(2)[2],
|
|
|
nowDate: formatEnergyDate()[0],
|
|
|
intevell: null,
|
|
|
+ showFalg: false,
|
|
|
week: getWeek(),
|
|
|
// 设置现在时间
|
|
|
setNowDate() {
|
|
@@ -274,6 +342,7 @@ export default defineComponent({
|
|
|
});
|
|
|
onBeforeUnmount(() => {});
|
|
|
onMounted(() => {
|
|
|
+ proxyData.showFalg = true;
|
|
|
nextTick(() => {
|
|
|
proxyData.init();
|
|
|
setTimeout(() => {
|