2025/2/8第一次更新

dist/dev/mp-weixin/components/firstui/fui-load-ani/fui-load-ani.js

@@ -0,0 +1,75 @@
+"use strict";
+const common_vendor = require("../../../common/vendor.js");
+const _sfc_main = {
+  name: "fui-load-ani",
+  props: {
+    //loading 类型：1~5
+    type: {
+      type: [Number, String],
+      default: 1
+    },
+    //loading颜色
+    color: {
+      type: String,
+      default: ""
+    },
+    //是否固定在屏幕中间显示
+    isFixed: {
+      type: Boolean,
+      default: false
+    },
+    //isFixed=true时有效
+    maskColor: {
+      type: String,
+      default: "transparent"
+    }
+  }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return common_vendor.e({
+    a: $props.type == 1
+  }, $props.type == 1 ? {
+    b: !$props.color || $props.color === true ? 1 : "",
+    c: $props.color,
+    d: !$props.color || $props.color === true ? 1 : "",
+    e: $props.color,
+    f: !$props.color || $props.color === "true" ? 1 : "",
+    g: $props.color
+  } : {}, {
+    h: $props.type == 2
+  }, $props.type == 2 ? {
+    i: !$props.color || $props.color === true ? 1 : "",
+    j: $props.color,
+    k: !$props.color || $props.color === true ? 1 : "",
+    l: $props.color,
+    m: !$props.color || $props.color === true ? 1 : "",
+    n: $props.color
+  } : {}, {
+    o: $props.type == 3
+  }, $props.type == 3 ? {
+    p: !$props.color || $props.color === true ? 1 : "",
+    q: $props.color,
+    r: $props.color
+  } : {}, {
+    s: $props.type == 4
+  }, $props.type == 4 ? {
+    t: !$props.color || $props.color === true ? 1 : "",
+    v: $props.color,
+    w: !$props.color || $props.color === true ? 1 : "",
+    x: $props.color
+  } : {}, {
+    y: $props.type == 5
+  }, $props.type == 5 ? {
+    z: !$props.color || $props.color === true ? 1 : "",
+    A: $props.color,
+    B: !$props.color || $props.color === true ? 1 : "",
+    C: $props.color,
+    D: !$props.color || $props.color === true ? 1 : "",
+    E: $props.color
+  } : {}, {
+    F: $props.isFixed ? 1 : "",
+    G: $props.isFixed ? $props.maskColor : "transparent"
+  });
+}
+const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-ffc2d581"]]);
+wx.createComponent(Component);

dist/dev/mp-weixin/components/firstui/fui-load-ani/fui-load-ani.json

@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}

dist/dev/mp-weixin/components/firstui/fui-load-ani/fui-load-ani.wxml

@@ -0,0 +1 @@
+<view class="{{['fui-load__ani', 'data-v-ffc2d581', F && 'fui-load__ani-fixed', virtualHostClass]}}" style="{{'background:' + G + ';' + virtualHostStyle}}"><view wx:if="{{a}}" class="fui-load__ani-1 data-v-ffc2d581"><view class="{{['fui-load__ani-a', 'data-v-ffc2d581', b && 'fui-load__ani-bg']}}" style="{{'background:' + c}}"></view><view class="{{['fui-ani__ani-b', 'data-v-ffc2d581', d && 'fui-load__ani-bg']}}" style="{{'background:' + e}}"></view><view class="{{['data-v-ffc2d581', f && 'fui-load__ani-bg']}}" style="{{'background:' + g}}"></view></view><view wx:if="{{h}}" class="fui-load__ani-2 data-v-ffc2d581"><view class="{{['fui-load__ani-line', 'fui-load__ani-c', 'data-v-ffc2d581', i && 'fui-load__ani-bg']}}" style="{{'background:' + j}}"></view><view class="{{['fui-load__ani-line', 'fui-load__ani-d', 'data-v-ffc2d581', k && 'fui-load__ani-bg']}}" style="{{'background:' + l}}"></view><view class="{{['fui-load__ani-line', 'fui-load__ani-e', 'data-v-ffc2d581', m && 'fui-load__ani-bg']}}" style="{{'background:' + n}}"></view></view><view wx:if="{{o}}" class="{{['fui-load__ani-3', 'data-v-ffc2d581', p && 'fui-load__ani-border']}}" style="{{'border-left-color:' + q + ';' + ('border-right-color:' + r)}}"></view><view wx:if="{{s}}" class="{{['fui-load__ani-4', 'data-v-ffc2d581', w && 'fui-load__ani-bcolor']}}" style="{{'border-color:' + x}}"><view class="{{['fui-load__ani-f', 'data-v-ffc2d581', t && 'fui-load__ani-bg']}}" style="{{'background:' + v}}"></view></view><view wx:if="{{y}}" class="{{['fui-load__ani-5', 'data-v-ffc2d581', D && 'fui-load__ani-bg']}}" style="{{'background:' + E}}"><view class="{{['fui-load__ani-g', 'data-v-ffc2d581', z && 'fui-load__ani-bg']}}" style="{{'background:' + A}}"></view><view class="{{['fui-load__ani-h', 'data-v-ffc2d581', B && 'fui-load__ani-bg']}}" style="{{'background:' + C}}"></view></view></view>

dist/dev/mp-weixin/components/firstui/fui-load-ani/fui-load-ani.wxss

@@ -0,0 +1,258 @@
+
+.fui-load__ani.data-v-ffc2d581 {
+
+		width: 100%;
+		display: flex;
+
+
+
+
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+}
+.fui-load__ani-fixed.data-v-ffc2d581 {
+		position: fixed;
+		left: 0;
+		right: 0;
+		top: 0;
+		bottom: 0;
+
+		display: flex;
+		z-index: 996;
+
+		justify-content: center;
+		align-items: center;
+}
+.fui-load__ani-1.data-v-ffc2d581{
+		flex-direction: row;
+}
+.fui-load__ani-1 view.data-v-ffc2d581 {
+		width: 36rpx;
+		height: 36rpx;
+		border-radius: 50%;
+		display: inline-block;
+		animation: ani_1-ffc2d581 1.4s infinite ease-in-out;
+		animation-fill-mode: both;
+}
+.fui-load__ani-1 .fui-load__ani-a.data-v-ffc2d581 {
+		animation-delay: -0.30s;
+}
+.fui-load__ani-1 .fui-load__ani-b.data-v-ffc2d581 {
+		animation-delay: -0.15s;
+}
+@keyframes ani_1-ffc2d581 {
+0%,
+		80%,
+		100% {
+			-webkit-transform: scale(0)
+}
+40% {
+			-webkit-transform: scale(1)
+}
+}
+.fui-load__ani-2.data-v-ffc2d581 {
+		position: relative;
+		width: 60rpx;
+		height: 60rpx;
+		display: inline-block;
+		vertical-align: middle;
+}
+.fui-load__ani-line.data-v-ffc2d581 {
+		width: 8rpx;
+		position: absolute;
+		border-top-left-radius: 8rpx;
+		border-top-right-radius: 8rpx;
+		bottom: 0;
+		transform: translateZ(0);
+}
+.fui-load__ani-c.data-v-ffc2d581 {
+		animation: ani_2-ffc2d581 0.5s ease alternate infinite;
+}
+.fui-load__ani-d.data-v-ffc2d581 {
+		left: 20rpx;
+		animation: ani_2-ffc2d581 0.5s 0.2s ease alternate infinite;
+}
+.fui-load__ani-e.data-v-ffc2d581 {
+		left: 40rpx;
+		animation: ani_2-ffc2d581 0.5s 0.4s ease alternate infinite;
+}
+@keyframes ani_2-ffc2d581 {
+0% {
+			height: 0;
+}
+100% {
+			height: 75%;
+}
+}
+.fui-load__ani-3.data-v-ffc2d581 {
+		width: 40rpx;
+		height: 40rpx;
+		border: 2px solid transparent;
+		border-radius: 50%;
+		animation: 0.9s ani_3-ffc2d581 linear infinite;
+}
+@keyframes ani_3-ffc2d581 {
+0% {
+			transform: rotate(0deg);
+}
+100% {
+			transform: rotate(360deg);
+}
+}
+.fui-load__ani-4.data-v-ffc2d581 {
+		width: 52rpx;
+		height: 52rpx;
+		border: 1px solid;
+		border-radius: 50%;
+		animation: .9s ani_3-ffc2d581 linear infinite;
+		position: relative;
+}
+.fui-load__ani-f.data-v-ffc2d581 {
+		width: 16rpx;
+		height: 16rpx;
+		position: absolute;
+		top: -8rpx;
+		left: 50%;
+		border-radius: 50%;
+		opacity: .6;
+}
+.fui-load__ani-5.data-v-ffc2d581 {
+		position: relative;
+		width: 16rpx;
+		height: 16rpx;
+		border-radius: 50%;
+		animation: ani_4 1s infinite linear;
+}
+.fui-load__ani-g.data-v-ffc2d581,
+	.fui-load__ani-h.data-v-ffc2d581 {
+		display: inline-block;
+		position: absolute;
+		top: 0;
+		width: 16rpx;
+		height: 16rpx;
+		border-radius: 50%;
+		opacity: 0.25;
+}
+.fui-load__ani-g.data-v-ffc2d581 {
+		left: -30rpx;
+		animation: ani_4_2-ffc2d581 1s infinite linear;
+}
+.fui-load__ani-h.data-v-ffc2d581 {
+		left: 30rpx;
+		animation: ani_4_1-ffc2d581 1s infinite linear;
+}
+@keyframes ani_4_1-ffc2d581 {
+0% {
+			opacity: 0.25;
+}
+33% {
+			opacity: 1;
+}
+66% {
+			opacity: 0.25;
+}
+}
+@keyframes ani_4_2-ffc2d581 {
+33% {
+			opacity: 0.25;
+}
+66% {
+			opacity: 1;
+}
+100% {
+			opacity: 0.25;
+}
+}
+.fui-load__ani-bcolor.data-v-ffc2d581 {
+		border-color: var(--fui-color-primary, #465CFF) !important;
+}
+.fui-load__ani-border.data-v-ffc2d581 {
+		border-left-color: var(--fui-color-primary, #465CFF) !important;
+		border-right-color: var(--fui-color-primary, #465CFF) !important;
+}
+.fui-load__ani-bg.data-v-ffc2d581 {
+		background: var(--fui-color-primary, #465CFF) !important;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+