2025/2/8第一次更新

This commit is contained in:
爱吃咸鱼小猫咪
2025-02-08 18:50:38 +08:00
commit d7af560866
26519 changed files with 5046029 additions and 0 deletions
@@ -0,0 +1,55 @@
"use strict";
const common_vendor = require("../../../../../../common/vendor.js");
const __default__ = {
options: {
// 在微信小程序中将组件节点渲染为虚拟节点,更加接近Vue组件的表现(不会出现shadow节点下再去创建元素)
virtualHost: true
}
};
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
...__default__,
__name: "loading",
props: common_vendor.loadingProps,
setup(__props) {
const props = __props;
const {
ns,
loadingClass,
loadingStyle,
loadingContentClass,
loadingContentStyle
} = common_vendor.useLoadingCustomStyle(props);
return (_ctx, _cache) => {
return common_vendor.e({
a: _ctx.show
}, _ctx.show ? common_vendor.e({
b: _ctx.mode === "semicircle"
}, _ctx.mode === "semicircle" ? {
c: common_vendor.n(common_vendor.unref(ns).e("semicircle"))
} : {}, {
d: _ctx.mode === "circle" || _ctx.mode === "semicircle"
}, _ctx.mode === "circle" || _ctx.mode === "semicircle" ? {
e: common_vendor.n(common_vendor.unref(ns).e("circle")),
f: common_vendor.n(common_vendor.unref(loadingContentClass)),
g: common_vendor.s(common_vendor.unref(loadingContentStyle))
} : {}, {
h: _ctx.mode === "flower"
}, _ctx.mode === "flower" ? {
i: common_vendor.f(12, (i, k0, i0) => {
return {
a: i
};
}),
j: common_vendor.n(common_vendor.unref(ns).em("flower", "item")),
k: common_vendor.n(common_vendor.unref(ns).e("flower")),
l: common_vendor.n(common_vendor.unref(loadingContentClass)),
m: common_vendor.s(common_vendor.unref(loadingContentStyle))
} : {}, {
n: common_vendor.n(common_vendor.unref(loadingClass)),
o: common_vendor.s(common_vendor.unref(loadingStyle))
}) : {});
};
}
});
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-8c5f91f0"]]);
wx.createComponent(Component);
@@ -0,0 +1,4 @@
{
"component": true,
"usingComponents": {}
}
@@ -0,0 +1 @@
<view wx:if="{{a}}" class="{{['data-v-8c5f91f0', n, virtualHostClass]}}" style="{{o + ';' + virtualHostStyle}}"><view wx:if="{{b}}" class="{{['data-v-8c5f91f0', c]}}"/><view wx:if="{{d}}" class="{{['data-v-8c5f91f0', e, f]}}" style="{{g}}"/><view wx:if="{{h}}" class="{{['data-v-8c5f91f0', k, l]}}" style="{{m}}"><view wx:for="{{i}}" wx:for-item="i" wx:key="a" class="{{['data-v-8c5f91f0', j]}}"/></view></view>
@@ -0,0 +1,161 @@
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.tn-loading.data-v-8c5f91f0 {
display: inline-block;
position: relative;
width: 28rpx;
height: 28rpx;
/* 尺寸 start */
/* 尺寸 end */
/* 加载模式 start */
/* 加载模式 end */
/* 加载动画 start */
/* 加载动画 end */
}
.tn-loading--sm.data-v-8c5f91f0 {
width: 24rpx;
height: 24rpx;
}
.tn-loading--lg.data-v-8c5f91f0 {
width: 36rpx;
height: 36rpx;
}
.tn-loading--xl.data-v-8c5f91f0 {
width: 44rpx;
height: 44rpx;
}
.tn-loading__circle.data-v-8c5f91f0 {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 50%;
border-width: 4rpx;
border-style: solid;
border-color: var(--loading-color) transparent transparent transparent;
}
.tn-loading__semicircle.data-v-8c5f91f0 {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
border-radius: 50%;
border-width: 4rpx;
border-style: solid;
border-color: var(--tn-color-gray-light);
}
.tn-loading__flower.data-v-8c5f91f0 {
position: relative;
width: 100%;
height: 100%;
color: var(--loading-color);
}
.tn-loading__flower--item.data-v-8c5f91f0 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.tn-loading__flower--item.data-v-8c5f91f0::before {
content: "";
display: block;
width: 4rpx;
height: 25%;
margin: 0 auto;
border-radius: 40%;
background-color: currentColor;
}
.tn-loading__flower--item.data-v-8c5f91f0:nth-of-type(1) {
opacity: calc(1 / 12 * 1);
transform: rotate(calc(360deg / 12 * 1));
}
.tn-loading__flower--item.data-v-8c5f91f0:nth-of-type(2) {
opacity: calc(1 / 12 * 2);
transform: rotate(calc(360deg / 12 * 2));
}
.tn-loading__flower--item.data-v-8c5f91f0:nth-of-type(3) {
opacity: calc(1 / 12 * 3);
transform: rotate(calc(360deg / 12 * 3));
}
.tn-loading__flower--item.data-v-8c5f91f0:nth-of-type(4) {
opacity: calc(1 / 12 * 4);
transform: rotate(calc(360deg / 12 * 4));
}
.tn-loading__flower--item.data-v-8c5f91f0:nth-of-type(5) {
opacity: calc(1 / 12 * 5);
transform: rotate(calc(360deg / 12 * 5));
}
.tn-loading__flower--item.data-v-8c5f91f0:nth-of-type(6) {
opacity: calc(1 / 12 * 6);
transform: rotate(calc(360deg / 12 * 6));
}
.tn-loading__flower--item.data-v-8c5f91f0:nth-of-type(7) {
opacity: calc(1 / 12 * 7);
transform: rotate(calc(360deg / 12 * 7));
}
.tn-loading__flower--item.data-v-8c5f91f0:nth-of-type(8) {
opacity: calc(1 / 12 * 8);
transform: rotate(calc(360deg / 12 * 8));
}
.tn-loading__flower--item.data-v-8c5f91f0:nth-of-type(9) {
opacity: calc(1 / 12 * 9);
transform: rotate(calc(360deg / 12 * 9));
}
.tn-loading__flower--item.data-v-8c5f91f0:nth-of-type(10) {
opacity: calc(1 / 12 * 10);
transform: rotate(calc(360deg / 12 * 10));
}
.tn-loading__flower--item.data-v-8c5f91f0:nth-of-type(11) {
opacity: calc(1 / 12 * 11);
transform: rotate(calc(360deg / 12 * 11));
}
.tn-loading__flower--item.data-v-8c5f91f0:nth-of-type(12) {
opacity: calc(1 / 12 * 12);
transform: rotate(calc(360deg / 12 * 12));
}
.tn-loading--animation.data-v-8c5f91f0 {
animation-name: rotate-8c5f91f0;
animation-duration: 1s;
animation-iteration-count: infinite;
transform-origin: center center;
}
.tn-loading--animation.tn-loading__circle.data-v-8c5f91f0 {
animation-timing-function: linear;
}
.tn-loading--animation.tn-loading__flower.data-v-8c5f91f0 {
animation-timing-function: steps(12);
}
@keyframes rotate-8c5f91f0 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}