unika-components 1.0.53 → 1.0.55

package/dist/src/components/UniLotties/UniLotties.vue.d.ts

@@ -357,6 +357,7 @@ declare const _default: import("vue").DefineComponent<{
         rendererSettings: any;
         assetsPath: string;
     }> | null>;
+    play: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     left: {
         type: StringConstructor;

package/dist/unika-components.css

@@ -1,56 +1,4 @@
 
-h2.uni-text-component, p.uni-text-component {
-  margin-bottom: 0;
-}
-button.uni-text-component {
-  padding: 5px 10px;
-  cursor: pointer;
-}
-.uni-text-component {
-  box-sizing: border-box;
-  white-space: pre-wrap;
-}
-
-  .uni-background-component {
-    width: 100%;
-  }
-  .bg-img {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-    z-index:1;
-  }
-  .watermark {
-    height: 100%;
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-  }
-  .watermark-div {
-    height: 100%;
-    width:100%;
-    position:absolute;
-    z-index:99999999;
-  }
-  body:before{
-  content: '';
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  z-index: -1;
-  /* background: url(https://unika-static-dev.unika.cc/logo.png) 0 0 repeat; */
-  background-position: center;  
-  opacity: 0.1;
-}
-
-.uni-image-component {
-  max-width: 100%;
-}
-
  .slide-guide {
     position: absolute;
     bottom: 90px;
@@ -123,6 +71,43 @@ body, html {
         transform: translate3d(-50%, -50%, 0);
     }
 }
+
+h2.uni-text-component, p.uni-text-component {
+  margin-bottom: 0;
+}
+button.uni-text-component {
+  padding: 5px 10px;
+  cursor: pointer;
+}
+.uni-text-component {
+  box-sizing: border-box;
+  white-space: pre-wrap;
+}
+
+  .uni-video-component {
+    position: relative;
+    text-align: center;
+  }
+  .play-pause-button {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    cursor: pointer;
+    font-size: 2rem;
+    color: #fff;
+    background: rgba(0, 0, 0, 0.6);
+    border-radius: 50%;
+    padding: 10px;
+    transition: background 0.3s;
+  }
+  .play-pause-button:hover {
+    background: rgba(0, 0, 0, 0.8);
+  }
+
+.uni-image-component {
+  max-width: 100%;
+}
 
 #audio {
   position: absolute;
@@ -219,7 +204,7 @@ body, html {
   }
 }
 
-  .uni-video-component {
+  .video-player {
     position: relative;
     text-align: center;
   }
@@ -240,12 +225,40 @@ body, html {
     background: rgba(0, 0, 0, 0.8);
   }
 
-.slot-number {
-  position: absolute;
-  bottom: 2px;
-  left: 7px;
-  font-size: 12px;
-  color: #666
+  .uni-background-component {
+    width: 100%;
+  }
+  .bg-img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    z-index:1;
+  }
+  .watermark {
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+  }
+  .watermark-div {
+    height: 100%;
+    width:100%;
+    position:absolute;
+    z-index:99999999;
+  }
+  body:before{
+  content: '';
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: -1;
+  /* background: url(https://unika-static-dev.unika.cc/logo.png) 0 0 repeat; */
+  background-position: center;  
+  opacity: 0.1;
 }
 
 .like-button {
@@ -270,6 +283,14 @@ body, html {
   color: #333;
 }
 
+.slot-number {
+  position: absolute;
+  bottom: 2px;
+  left: 7px;
+  font-size: 12px;
+  color: #666
+}
+
 #app1 {
   position: relative;
 }
@@ -292,27 +313,6 @@ body, html {
   }
 }
 
-  .video-player {
-    position: relative;
-    text-align: center;
-  }
-  .play-pause-button {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    cursor: pointer;
-    font-size: 2rem;
-    color: #fff;
-    background: rgba(0, 0, 0, 0.6);
-    border-radius: 50%;
-    padding: 10px;
-    transition: background 0.3s;
-  }
-  .play-pause-button:hover {
-    background: rgba(0, 0, 0, 0.8);
-  }
-
 /*.swiper-container {
   width: 100%;
   height: 300px;

package/dist/unika-components.esm.js

@@ -46744,11 +46744,19 @@ var script$1 = defineComponent({
         const styleProps = useStylePick(props);
         const handleClick = useComponentClick(props);
         const lottieAnimation = ref(null);
+        const play = () => {
+            if (lottieAnimation.value) {
+                lottieAnimation.value.stop();
+                lottieAnimation.value.play();
+                console.log('播放动画');
+            }
+        };
         return {
             styleProps,
             // AstronautJSON,
             handleClick,
-            lottieAnimation
+            lottieAnimation,
+            play
         };
     }
 });

package/dist/unika-components.umd.js

@@ -46751,11 +46751,19 @@
           const styleProps = useStylePick(props);
           const handleClick = useComponentClick(props);
           const lottieAnimation = vue.ref(null);
+          const play = () => {
+              if (lottieAnimation.value) {
+                  lottieAnimation.value.stop();
+                  lottieAnimation.value.play();
+                  console.log('播放动画');
+              }
+          };
           return {
               styleProps,
               // AstronautJSON,
               handleClick,
-              lottieAnimation
+              lottieAnimation,
+              play
           };
       }
   });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "unika-components",
-  "version": "1.0.53",
+  "version": "1.0.55",
   "private": false,
   "main": "dist/unika-components.umd.js",
   "module": "dist/unika-components.esm.js",