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,58 @@
"use strict";
const common_vendor = require("../../../../common/vendor.js");
const _sfc_main = {
name: "u-transition",
data() {
return {
inited: false,
// 是否显示/隐藏组件
viewStyle: {},
// 组件内部的样式
status: "",
// 记录组件动画的状态
transitionEnded: false,
// 组件是否结束的标记
display: false,
// 组件是否展示
classes: ""
// 应用的类名
};
},
emits: ["click", "beforeEnter", "enter", "afterEnter", "beforeLeave", "leave", "afterLeave"],
computed: {
mergeStyle() {
const { viewStyle, customStyle } = this;
return {
transitionDuration: `${this.duration}ms`,
// display: `${this.display ? '' : 'none'}`,
transitionTimingFunction: this.timingFunction,
// 避免自定义样式影响到动画属性,所以写在viewStyle前面
...common_vendor.addStyle(customStyle),
...viewStyle
};
}
},
// 将mixin挂在到组件中,实际上为一个vue格式对象。
mixins: [common_vendor.mpMixin, common_vendor.mixin, common_vendor.transitionMixin, common_vendor.props$19],
watch: {
show: {
handler(newVal) {
newVal ? this.vueEnter() : this.vueLeave();
},
// 表示同时监听初始化时的props的show的意思
immediate: true
}
}
};
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
return common_vendor.e({
a: $data.inited
}, $data.inited ? {
b: common_vendor.o((...args) => _ctx.clickHandler && _ctx.clickHandler(...args)),
c: common_vendor.n($data.classes),
d: common_vendor.s($options.mergeStyle),
e: common_vendor.o((...args) => _ctx.noop && _ctx.noop(...args))
} : {});
}
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-0573594d"]]);
wx.createComponent(Component);
@@ -0,0 +1,4 @@
{
"component": true,
"usingComponents": {}
}
@@ -0,0 +1 @@
<view wx:if="{{a}}" ref="u-transition" bindtap="{{b}}" class="{{['u-transition', 'data-v-0573594d', c, virtualHostClass]}}" style="{{d + ';' + virtualHostStyle}}" bindtouchmove="{{e}}"><slot/></view>
@@ -0,0 +1,144 @@
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-empty.data-v-0573594d,
.u-empty__wrap.data-v-0573594d,
.u-tabs.data-v-0573594d,
.u-tabs__wrapper.data-v-0573594d,
.u-tabs__wrapper__scroll-view-wrapper.data-v-0573594d,
.u-tabs__wrapper__scroll-view.data-v-0573594d,
.u-tabs__wrapper__nav.data-v-0573594d,
.u-tabs__wrapper__nav__line.data-v-0573594d,
.up-empty.data-v-0573594d,
.up-empty__wrap.data-v-0573594d,
.up-tabs.data-v-0573594d,
.up-tabs__wrapper.data-v-0573594d,
.up-tabs__wrapper__scroll-view-wrapper.data-v-0573594d,
.up-tabs__wrapper__scroll-view.data-v-0573594d,
.up-tabs__wrapper__nav.data-v-0573594d,
.up-tabs__wrapper__nav__line.data-v-0573594d {
display: flex;
flex-direction: column;
flex-shrink: 0;
flex-grow: 0;
flex-basis: auto;
align-items: stretch;
align-content: flex-start;
}
/**
* vue版本动画内置的动画模式有如下:
* fade:淡入
* zoom:缩放
* fade-zoom:缩放淡入
* fade-up:上滑淡入
* fade-down:下滑淡入
* fade-left:左滑淡入
* fade-right:右滑淡入
* slide-up:上滑进入
* slide-down:下滑进入
* slide-left:左滑进入
* slide-right:右滑进入
*/
.u-fade-enter-active.data-v-0573594d,
.u-fade-leave-active.data-v-0573594d {
transition-property: opacity;
}
.u-fade-enter.data-v-0573594d,
.u-fade-leave-to.data-v-0573594d {
opacity: 0;
}
.u-fade-zoom-enter.data-v-0573594d,
.u-fade-zoom-leave-to.data-v-0573594d {
transform: scale(0.95);
opacity: 0;
}
.u-fade-zoom-enter-active.data-v-0573594d,
.u-fade-zoom-leave-active.data-v-0573594d {
transition-property: transform, opacity;
}
.u-fade-down-enter-active.data-v-0573594d,
.u-fade-down-leave-active.data-v-0573594d,
.u-fade-left-enter-active.data-v-0573594d,
.u-fade-left-leave-active.data-v-0573594d,
.u-fade-right-enter-active.data-v-0573594d,
.u-fade-right-leave-active.data-v-0573594d,
.u-fade-up-enter-active.data-v-0573594d,
.u-fade-up-leave-active.data-v-0573594d {
transition-property: opacity, transform;
}
.u-fade-up-enter.data-v-0573594d,
.u-fade-up-leave-to.data-v-0573594d {
transform: translate3d(0, 100%, 0);
opacity: 0;
}
.u-fade-down-enter.data-v-0573594d,
.u-fade-down-leave-to.data-v-0573594d {
transform: translate3d(0, -100%, 0);
opacity: 0;
}
.u-fade-left-enter.data-v-0573594d,
.u-fade-left-leave-to.data-v-0573594d {
transform: translate3d(-100%, 0, 0);
opacity: 0;
}
.u-fade-right-enter.data-v-0573594d,
.u-fade-right-leave-to.data-v-0573594d {
transform: translate3d(100%, 0, 0);
opacity: 0;
}
.u-slide-down-enter-active.data-v-0573594d,
.u-slide-down-leave-active.data-v-0573594d,
.u-slide-left-enter-active.data-v-0573594d,
.u-slide-left-leave-active.data-v-0573594d,
.u-slide-right-enter-active.data-v-0573594d,
.u-slide-right-leave-active.data-v-0573594d,
.u-slide-up-enter-active.data-v-0573594d,
.u-slide-up-leave-active.data-v-0573594d {
transition-property: transform;
}
.u-slide-up-enter.data-v-0573594d,
.u-slide-up-leave-to.data-v-0573594d {
transform: translate3d(0, 100%, 0);
}
.u-slide-down-enter.data-v-0573594d,
.u-slide-down-leave-to.data-v-0573594d {
transform: translate3d(0, -100%, 0);
}
.u-slide-left-enter.data-v-0573594d,
.u-slide-left-leave-to.data-v-0573594d {
transform: translate3d(-100%, 0, 0);
}
.u-slide-right-enter.data-v-0573594d,
.u-slide-right-leave-to.data-v-0573594d {
transform: translate3d(100%, 0, 0);
}
.u-zoom-enter-active.data-v-0573594d,
.u-zoom-leave-active.data-v-0573594d {
transition-property: transform;
}
.u-zoom-enter.data-v-0573594d,
.u-zoom-leave-to.data-v-0573594d {
transform: scale(0.95);
}