unika-components 1.0.116 → 1.0.117

package/dist/src/components/SwiperPage/index.d.ts

@@ -0,0 +1,2 @@
+import SwiperPage from './SwiperPage.vue';
+export default SwiperPage;

package/dist/src/index.d.ts

@@ -3,8 +3,8 @@ import UniText from './components/UniText';
 import UniImage from './components/UniImage';
 import UniShape from './components/UniShape';
 import LongPage from './components/LongPage';
+import SwiperPage from './components/SwiperPage';
 import UniBackground from './components/UniBackground';
-import UniMusic from './components/UniMusic';
 import UniVideo from './components/UniVideo';
 import UniCalendar from './components/UniCalendar';
 import UniCountdown from './components/UniCountdown';
@@ -18,7 +18,7 @@ import UniSwiper from './components/UniSwiper';
 import UniButton from './components/UniButton';
 import UniTest from './components/UniTest';
 declare const install: (app: App) => void;
-export { UniText, UniImage, UniShape, LongPage, UniBackground, UniMusic, UniVideo, UniCalendar, UniCountdown, UniMap, UniCall, UniLike, UniEffect, UniRegisterForm, UniLotties, UniSwiper, UniButton, UniTest, install };
+export { UniText, UniImage, UniShape, LongPage, SwiperPage, UniBackground, UniVideo, UniCalendar, UniCountdown, UniMap, UniCall, UniLike, UniEffect, UniRegisterForm, UniLotties, UniSwiper, UniButton, UniTest, install };
 declare const _default: {
     install: (app: App<any>) => void;
 };

package/dist/unika-components.css

@@ -2,6 +2,79 @@
 .uni-image-component {
   max-width: 100%;
 }
+
+ .slide-guide {
+    position: absolute;
+    bottom: 90px;
+    left: 50%;
+    transform: translateX(-50%);
+}
+.slide-guide img {
+    animation: flowing 2s ease-in-out infinite;
+    width: 33px;
+    vertical-align: middle;
+    border-style: none;
+}
+body, html {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    margin: 0px;
+}
+.swiper-container {
+    width: 100%;
+    height: 100%;
+}
+.swiper-slide {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+.up-arrow {
+    width: 2rem;
+    height: 2rem;
+    position: fixed;
+    bottom: 2rem;
+    left: 50%;
+    transform: translate3d(-50%, 0, 0);
+    z-index: 999;
+    background: none;
+    border: none;
+    padding: 0;
+    animation: upArrowAni 2s infinite linear;
+}
+.up-arrow img {
+  width: 2rem;
+  height: 2rem;
+  text-align: center;
+  line-height: 2rem;
+  color: #fff;
+  font-size: 1.5rem;
+}
+@keyframes upArrowAni {
+    0% {
+        opacity: 0;
+        transform: translate3d(-50%, 30%, 0);
+    }
+
+    30% {
+        opacity: 1;
+        transform: translate3d(-50%, -20%, 0);
+    }
+
+    60% {
+        opacity: 0;
+        transform: translate3d(-50%, -35%, 0);
+    }
+
+    100% {
+        opacity: 0;
+        transform: translate3d(-50%, -50%, 0);
+    }
+}
 
   .uni-video-component {
     position: relative;
@@ -36,87 +109,6 @@ button.uni-text-component {
   white-space: pre-wrap;
 }
 
-#audio {
-  position: absolute;
-  right: 10px;
-  top: 10px;
-  z-index: 103;
-  width: 32px;
-  height: 32px;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-#audio .audio {
-  width: 100%;
-  height: 100%;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  color: #fff;
-  background: #666;
-  border-radius: 50%;
-  overflow: hidden;
-  will-change: transform;
-}
-#audio .audio .music-icon {
-  display: block;
-  width: 100%;
-  height: 100%;
-}
-#audio .icon-cancel {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  border-radius: 50%;
-  overflow: hidden;
-  padding: 14px 0;
-}
-#audio .icon-cancel .icon-h {
-  -webkit-transform: rotate(45deg);
-  transform: rotate(45deg);
-  width: 100%;
-  height: 2px;
-  background: #fff;
-}
-#audio .mrotate {
-  -webkit-animation: mrotate 5s linear infinite;
-  animation: mrotate 5s linear infinite;
-}
-
-.uni-music-component {
-  position: absolute;
-  top: 10px;
-  right: 5px;
-}
-
-/* 无限旋转 */
-@keyframes mrotate {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-@-webkit-keyframes mrotate {
-  from {
-    -webkit-transform: rotate(0deg);
-  }
-  to {
-    -webkit-transform: rotate(360deg);
-  }
-}
-
 .slot-number {
   position: absolute;
   bottom: 2px;
@@ -125,11 +117,6 @@ button.uni-text-component {
   color: #666
 }
 
-.effect {
-  width: 100%;
-  height: 100%;
-}
-
 .like-button {
   display: flex;
   flex-direction: column;
@@ -187,6 +174,11 @@ button.uni-text-component {
   vertical-align: top;
 }
 
+.effect {
+  width: 100%;
+  height: 100%;
+}
+
 .swiper-warp {
   width: 100%;
   height: 100%;