Browse Source

图片居中

zhaojing 1 year ago
parent
commit
29b4bb8acd

File diff suppressed because it is too large
+ 1 - 1
dist/sk/index.html


File diff suppressed because it is too large
+ 1 - 0
dist/sk/static/css/chunk-01583e5c.c2ddeee8.css


BIN
dist/sk/static/css/chunk-01583e5c.c2ddeee8.css.gz


File diff suppressed because it is too large
+ 0 - 1
dist/sk/static/css/chunk-2a7c425f.79db8437.css


BIN
dist/sk/static/css/chunk-2a7c425f.79db8437.css.gz


File diff suppressed because it is too large
+ 0 - 1
dist/sk/static/css/chunk-351101fa.d93f8267.css


BIN
dist/sk/static/css/chunk-351101fa.d93f8267.css.gz


File diff suppressed because it is too large
+ 1 - 0
dist/sk/static/css/chunk-351101fa.e4cf7a11.css


BIN
dist/sk/static/css/chunk-351101fa.e4cf7a11.css.gz


File diff suppressed because it is too large
+ 0 - 1
dist/sk/static/css/chunk-3ebb9471.79c5b440.css


BIN
dist/sk/static/css/chunk-3ebb9471.79c5b440.css.gz


File diff suppressed because it is too large
+ 1 - 0
dist/sk/static/css/chunk-3ebb9471.cc20762e.css


BIN
dist/sk/static/css/chunk-3ebb9471.cc20762e.css.gz


File diff suppressed because it is too large
+ 1 - 0
dist/sk/static/css/chunk-5050ccb1.3785c908.css


File diff suppressed because it is too large
+ 0 - 1
dist/sk/static/css/chunk-514d4dba.9e8d70f6.css


File diff suppressed because it is too large
+ 2 - 2
dist/sk/static/js/app.8ff3ec3d.js


BIN
dist/sk/static/js/app.51e091b2.js.gz


File diff suppressed because it is too large
+ 1 - 1
dist/sk/static/js/app.8ff3ec3d.js.map


BIN
dist/sk/static/js/app.8ff3ec3d.js.gz


File diff suppressed because it is too large
+ 2 - 0
dist/sk/static/js/chunk-01583e5c.26fefc56.js


File diff suppressed because it is too large
+ 1 - 0
dist/sk/static/js/chunk-01583e5c.26fefc56.js.map


File diff suppressed because it is too large
+ 0 - 2
dist/sk/static/js/chunk-2a7c425f.77c05f2f.js


File diff suppressed because it is too large
+ 0 - 1
dist/sk/static/js/chunk-2a7c425f.77c05f2f.js.map


File diff suppressed because it is too large
+ 2 - 0
dist/sk/static/js/chunk-5050ccb1.6e6ffa8f.js


File diff suppressed because it is too large
+ 1 - 1
dist/sk/static/js/chunk-514d4dba.0b506948.js.map


File diff suppressed because it is too large
+ 0 - 2
dist/sk/static/js/chunk-514d4dba.0b506948.js


+ 1 - 0
src/views/home/index.vue

@@ -342,6 +342,7 @@ export default defineComponent({
   width: 100vw;
   height: 100vh;
   position: absolute;
+  text-align:center;
 }
 
 .aniThreeActive {

+ 25 - 88
src/views/home/tiantan.vue

@@ -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;