ezuikit-js 7.7.0 → 7.7.1

package/ezuikit_static/v65/v1/css/theme.css

@@ -26,6 +26,12 @@
 .footer-controls.themeEditing .footer-controls-left .theme-icon-item:nth-last-child(1) .icon-move.right{
   display: none;
 }
+.footer-controls.themeEditing .theme-icon-item:first-child .icon-move.left{
+  display: none;
+}
+.footer-controls.themeEditing .theme-icon-item:nth-last-child(1) .icon-move.right{
+  display: none;
+}
 .footer-controls .footer-controls-right {
   margin-right: 12px;
 }
@@ -98,6 +104,465 @@
   margin: 0 4px 1px 4px;
 }
 
+.BMap_noprint button[title="倾斜"] {
+  display: none;
+}
+.BMap_noprint button[title="恢复"] {
+  display: none;
+}
+/* .anchorBL{
+  display:none;  
+}  */
+.BMap_cpyCtrl {
+  display: none;
+}
+
+.ezd-spin {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: #595959;
+  font-size: 14px;
+  font-variant: tabular-nums;
+  line-height: 1.5715;
+  list-style: none;
+  font-feature-settings: "tnum";
+  position: absolute;
+  display: none;
+  color: #407AFF;
+  text-align: center;
+  vertical-align: middle;
+  opacity: 0;
+  transition: transform .3s cubic-bezier(.78,.14,.15,.86)
+}
+
+.ezd-spin-spinning {
+  position: static;
+  display: inline-block;
+  opacity: 1
+}
+
+.ezd-spin-nested-loading {
+  position: relative
+}
+
+.ezd-spin-nested-loading>div>.ezd-spin {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 4;
+  display: block;
+  width: 100%;
+  height: 100%;
+  max-height: 400px
+}
+
+.ezd-spin-nested-loading>div>.ezd-spin .ezd-spin-dot {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  margin: -10px
+}
+
+.ezd-spin-nested-loading>div>.ezd-spin .ezd-spin-text {
+  position: absolute;
+  top: 50%;
+  width: 100%;
+  padding-top: 5px;
+  text-shadow: 0 1px 2px #fff
+}
+
+.ezd-spin-nested-loading>div>.ezd-spin.ezd-spin-show-text .ezd-spin-dot {
+  margin-top: -20px
+}
+
+.ezd-spin-nested-loading>div>.ezd-spin-sm .ezd-spin-dot {
+  margin: -10px
+}
+
+.ezd-spin-nested-loading>div>.ezd-spin-sm .ezd-spin-text {
+  padding-top: 5px
+}
+
+.ezd-spin-nested-loading>div>.ezd-spin-sm.ezd-spin-show-text .ezd-spin-dot {
+  margin-top: -20px
+}
+
+.ezd-spin-nested-loading>div>.ezd-spin-lg .ezd-spin-dot {
+  margin: -15px
+}
+
+.ezd-spin-nested-loading>div>.ezd-spin-lg .ezd-spin-text {
+  padding-top: 10px
+}
+
+.ezd-spin-nested-loading>div>.ezd-spin-lg.ezd-spin-show-text .ezd-spin-dot {
+  margin-top: -25px
+}
+
+.ezd-spin-container {
+  position: relative;
+  transition: opacity .3s
+}
+
+.ezd-spin-container:after {
+  position: absolute;
+  inset: 0;
+  z-index: 10;
+  display: none \ ;
+  width: 100%;
+  height: 100%;
+  background: #fff;
+  opacity: 0;
+  transition: all .3s;
+  content: "";
+  pointer-events: none
+}
+
+.ezd-spin-blur {
+  clear: both;
+  opacity: .5;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  pointer-events: none
+}
+
+.ezd-spin-blur:after {
+  opacity: .4;
+  pointer-events: auto
+}
+
+.ezd-spin-tip {
+  color: #00000073
+}
+
+.ezd-spin-dot {
+  position: relative;
+  display: inline-block;
+  font-size: 20px;
+  width: 1em;
+  height: 1em
+}
+
+.ezd-spin-dot-white i {
+  background-color: #fff
+}
+
+.ezd-spin-dot-item {
+  position: absolute;
+  display: block;
+  width: 9px;
+  height: 9px;
+  background-color: #407AFF;
+  border-radius: 2px;
+  transform-origin: 50% 50%
+}
+
+.ezd-spin-dot-item:nth-child(1) {
+  top: 0;
+  left: 0;
+  animation: smallAnimationShape1 2s linear 0s infinite normal;
+  opacity: 1
+}
+
+.ezd-spin-dot-item:nth-child(2) {
+  top: 0;
+  left: 12px;
+  animation: smallAnimationShape2 2s linear 0s infinite normal;
+  opacity: .8
+}
+
+.ezd-spin-dot-item:nth-child(3) {
+  top: 12px;
+  left: 0;
+  animation: smallAnimationShape3 2s linear 0s infinite normal;
+  opacity: .5
+}
+
+.ezd-spin-dot-item:nth-child(4) {
+  top: 12px;
+  left: 12px;
+  animation: smallAnimationShape4 2s linear 0s infinite normal;
+  opacity: .3
+}
+
+.ezd-spin-dot-spin {
+  animation: rotation 1s infinite
+}
+
+.ezd-spin-sm .ezd-spin-dot {
+  font-size: 20px
+}
+
+.ezd-spin-sm .ezd-spin-dot i {
+  width: 8px;
+  height: 8px
+}
+
+.ezd-spin-lg .ezd-spin-dot {
+  font-size: 30px
+}
+
+.ezd-spin-lg .ezd-spin-dot-item:nth-child(1) {
+  top: 0;
+  left: 0;
+  opacity: 1;
+  animation: animationShape1 2s linear 0s infinite normal
+}
+
+.ezd-spin-lg .ezd-spin-dot-item:nth-child(2) {
+  top: 0;
+  left: 18px;
+  opacity: .8;
+  animation: animationShape2 2s linear 0s infinite normal
+}
+
+.ezd-spin-lg .ezd-spin-dot-item:nth-child(3) {
+  top: 18px;
+  left: 0;
+  opacity: .5;
+  animation: animationShape3 2s linear 0s infinite normal
+}
+
+.ezd-spin-lg .ezd-spin-dot-item:nth-child(4) {
+  top: 18px;
+  left: 18px;
+  opacity: .3;
+  animation: animationShape4 2s linear 0s infinite normal
+}
+
+
+.ezd-spin-lg .ezd-spin-dot i {
+  width: 12px;
+  height: 12px
+}
+
+.ezd-spin.ezd-spin-show-text .ezd-spin-text {
+  display: block
+}
+
+@keyframes ezdSpinMove {
+  to {
+      opacity: 1
+  }
+}
+
+@keyframes ezdRotate {
+  to {
+      transform: rotate(405deg)
+  }
+}
+
+@keyframes rotation {
+  0% {
+      transform: rotate(0)
+  }
+
+  to {
+      transform: rotate(360deg)
+  }
+}
+
+@keyframes smallAnimationShape1 {
+  0% {
+      transform: translate(0)
+  }
+
+  25% {
+      transform: translateY(12px)
+  }
+
+  50% {
+      transform: translate(12px,12px)
+  }
+
+  75% {
+      transform: translate(12px)
+  }
+}
+
+@keyframes smallAnimationShape2 {
+  0% {
+      transform: translate(0)
+  }
+
+  25% {
+      transform: translate(-12px)
+  }
+
+  50% {
+      transform: translate(-12px,12px)
+  }
+
+  75% {
+      transform: translateY(12px)
+  }
+}
+
+@keyframes smallAnimationShape3 {
+  0% {
+      transform: translate(0)
+  }
+
+  25% {
+      transform: translate(12px)
+  }
+
+  50% {
+      transform: translate(12px,-12px)
+  }
+
+  75% {
+      transform: translateY(-12px)
+  }
+}
+
+@keyframes smallAnimationShape4 {
+  0% {
+      transform: translate(0)
+  }
+
+  25% {
+      transform: translateY(-12px)
+  }
+
+  50% {
+      transform: translate(-12px,-12px)
+  }
+
+  75% {
+      transform: translate(-12px)
+  }
+}
+
+@keyframes animationShape1 {
+  0% {
+      transform: translate(0)
+  }
+
+  25% {
+      transform: translateY(18px)
+  }
+
+  50% {
+      transform: translate(18px,18px)
+  }
+
+  75% {
+      transform: translate(18px)
+  }
+}
+
+@keyframes animationShape2 {
+  0% {
+      transform: translate(0)
+  }
+
+  25% {
+      transform: translate(-18px)
+  }
+
+  50% {
+      transform: translate(-18px,18px)
+  }
+
+  75% {
+      transform: translateY(18px)
+  }
+}
+
+@keyframes animationShape3 {
+  0% {
+      transform: translate(0)
+  }
+
+  25% {
+      transform: translate(18px)
+  }
+
+  50% {
+      transform: translate(18px,-18px)
+  }
+
+  75% {
+      transform: translateY(-18px)
+  }
+}
+
+@keyframes animationShape4 {
+  0% {
+      transform: translate(0)
+  }
+
+  25% {
+      transform: translateY(-18px)
+  }
+
+  50% {
+      transform: translate(-18px,-18px)
+  }
+
+  75% {
+      transform: translate(-18px)
+  }
+}
+
+.ezd-btn {
+  line-height: 1.5715;
+  position: relative;
+  display: inline-block;
+  font-weight: 400;
+  white-space: nowrap;
+  text-align: center;
+  background-image: none;
+  border: 1px solid transparent;
+  box-shadow: 0 2px #00000004;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  touch-action: manipulation;
+  min-width: 60px;
+  height: 32px;
+  padding: 4px 15px;
+  font-size: 14px;
+  border-radius: 2px;
+  color: #595959;
+  border-color: #d9d9d9;
+  background: #fff
+}
+.ezd-btn-primary {
+  color: #fff;
+  border-color: #407AFF;
+  background:#407AFF;
+  text-shadow: 0 -1px 0 rgba(0,0,0,.12);
+  box-shadow: 0 2px #0000000b
+}
+
+.ezd-btn-primary>a:only-child {
+  color: currentColor
+}
+
+.ezd-btn-primary>a:only-child:after {
+  position: absolute;
+  inset: 0;
+  background: transparent;
+  content: ""
+}
+
+.ezd-btn-primary:hover {
+  color: #fff;
+  border-color: #699bff;
+  background: #699bff
+}
+
+/* .BMap_noprint  {
+  width: 26px !important;
+  height: 26px !important;
+} */
 
 /* .footer-controls.themeEditing .theme-icon-item {
   position: relative;

package/ezuikit_static/v65/v1/imgs/bg.svg

@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="1920px" height="1080px" viewBox="0 0 1920 1080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>视频背景图</title>
+    <defs>
+        <rect id="path-1" x="0" y="0" width="1920" height="1080"></rect>
+        <filter x="0.0%" y="0.0%" width="100.0%" height="100.0%" filterUnits="objectBoundingBox" id="filter-2">
+            <feGaussianBlur stdDeviation="0" in="SourceGraphic"></feGaussianBlur>
+        </filter>
+        <linearGradient x1="6.42733681%" y1="61.4046072%" x2="84.9937231%" y2="19.1492851%" id="linearGradient-4">
+            <stop stop-color="#9DC2FE" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#648FFC" stop-opacity="0.129889642" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="91.8908498%" y1="82.8715916%" x2="45.1536245%" y2="-4.31442764%" id="linearGradient-5">
+            <stop stop-color="#9DC2FE" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#648FFC" stop-opacity="0.129889642" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="94.5535203%" y1="72.2238976%" x2="-8.96417241%" y2="9.01768502%" id="linearGradient-6">
+            <stop stop-color="#9DC2FE" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#648FFC" stop-opacity="0.129889642" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Cam-Thumbnail">
+            <mask id="mask-3" fill="white">
+                <use xlink:href="#path-1"></use>
+            </mask>
+            <use id="Cam-Mask" fill="#18191C" filter="url(#filter-2)" xlink:href="#path-1"></use>
+            <circle id="椭圆形" fill="url(#linearGradient-4)" mask="url(#mask-3)" cx="1868.8" cy="870.4" r="394.24"></circle>
+            <circle id="椭圆形备份-2" fill="url(#linearGradient-5)" mask="url(#mask-3)" cx="0" cy="143.36" r="394.24"></circle>
+            <ellipse id="椭圆形备份-3" fill-opacity="0.45" fill="url(#linearGradient-6)" mask="url(#mask-3)" cx="427.52" cy="350.72" rx="161.28" ry="158.72"></ellipse>
+        </g>
+    </g>
+</svg>