108 lines
3.1 KiB
JavaScript
108 lines
3.1 KiB
JavaScript
|
"use strict";
|
||
|
|
const common_vendor = require("../../../common/vendor.js");
|
||
|
|
const _sfc_main = {
|
||
|
|
components: {},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
show: true,
|
||
|
|
modeClass: "fade",
|
||
|
|
styles: {}
|
||
|
|
};
|
||
|
|
},
|
||
|
|
onLoad() {
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
handle(type) {
|
||
|
|
this.show = !this.show;
|
||
|
|
this.modeClass = type;
|
||
|
|
},
|
||
|
|
custom() {
|
||
|
|
this.$refs.ani.step({
|
||
|
|
width: "100px",
|
||
|
|
height: "100px",
|
||
|
|
rotate: "180"
|
||
|
|
}, {
|
||
|
|
delay: 200,
|
||
|
|
duration: 300
|
||
|
|
});
|
||
|
|
this.$refs.ani.step({
|
||
|
|
width: "100px",
|
||
|
|
height: "100px",
|
||
|
|
rotate: "0"
|
||
|
|
}, {
|
||
|
|
transformOrigin: "50% 50%"
|
||
|
|
});
|
||
|
|
this.$refs.ani.step({
|
||
|
|
translateX: "-100px"
|
||
|
|
}, {
|
||
|
|
timingFunction: "ease-in",
|
||
|
|
duration: 100
|
||
|
|
});
|
||
|
|
this.$refs.ani.step({
|
||
|
|
translateX: "100px"
|
||
|
|
}, {
|
||
|
|
timingFunction: "ease",
|
||
|
|
duration: 300
|
||
|
|
});
|
||
|
|
this.$refs.ani.step({
|
||
|
|
translateX: "50px",
|
||
|
|
scale: 1.5
|
||
|
|
}, {
|
||
|
|
timingFunction: "linear",
|
||
|
|
duration: 100
|
||
|
|
});
|
||
|
|
this.$refs.ani.step({
|
||
|
|
translateX: "0px",
|
||
|
|
scale: 1
|
||
|
|
}, {
|
||
|
|
timingFunction: "linear",
|
||
|
|
duration: 150
|
||
|
|
});
|
||
|
|
this.$refs.ani.run();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
if (!Array) {
|
||
|
|
const _easycom_uni_card2 = common_vendor.resolveComponent("uni-card");
|
||
|
|
const _easycom_uni_transition2 = common_vendor.resolveComponent("uni-transition");
|
||
|
|
const _easycom_uni_section2 = common_vendor.resolveComponent("uni-section");
|
||
|
|
(_easycom_uni_card2 + _easycom_uni_transition2 + _easycom_uni_section2)();
|
||
|
|
}
|
||
|
|
const _easycom_uni_card = () => "../../../uni_modules/uni-card/components/uni-card/uni-card.js";
|
||
|
|
const _easycom_uni_transition = () => "../../../uni_modules/uni-transition/components/uni-transition/uni-transition.js";
|
||
|
|
const _easycom_uni_section = () => "../../../uni_modules/uni-section/components/uni-section/uni-section.js";
|
||
|
|
if (!Math) {
|
||
|
|
(_easycom_uni_card + _easycom_uni_transition + _easycom_uni_section)();
|
||
|
|
}
|
||
|
|
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||
|
|
return {
|
||
|
|
a: common_vendor.p({
|
||
|
|
["is-full"]: true,
|
||
|
|
["is-shadow"]: false
|
||
|
|
}),
|
||
|
|
b: common_vendor.sr("ani", "79169488-2,79169488-1"),
|
||
|
|
c: common_vendor.p({
|
||
|
|
["custom-class"]: "transition",
|
||
|
|
["mode-class"]: $data.modeClass,
|
||
|
|
styles: $data.styles,
|
||
|
|
show: $data.show
|
||
|
|
}),
|
||
|
|
d: common_vendor.p({
|
||
|
|
title: "示例",
|
||
|
|
type: "line"
|
||
|
|
}),
|
||
|
|
e: common_vendor.o(($event) => $options.handle("fade")),
|
||
|
|
f: common_vendor.o(($event) => $options.handle(["fade", "slide-top"])),
|
||
|
|
g: common_vendor.o(($event) => $options.handle(["fade", "slide-right"])),
|
||
|
|
h: common_vendor.o(($event) => $options.handle(["fade", "zoom-in"])),
|
||
|
|
i: common_vendor.o((...args) => $options.custom && $options.custom(...args)),
|
||
|
|
j: common_vendor.p({
|
||
|
|
title: "操作",
|
||
|
|
subTitle: "点击按钮 ,切换动画效果",
|
||
|
|
type: "line"
|
||
|
|
})
|
||
|
|
};
|
||
|
|
}
|
||
|
|
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "E:/xianyu/app/greenPro/pages/extUI/transition/transition.vue"]]);
|
||
|
|
wx.createPage(MiniProgramPage);
|