75 lines
2.0 KiB
JavaScript
75 lines
2.0 KiB
JavaScript
"use strict";
|
|
const common_vendor = require("../../../common/vendor.js");
|
|
const _sfc_main = {
|
|
__name: "specialDrawer",
|
|
props: {
|
|
widNumber: {
|
|
type: Number,
|
|
default: 17
|
|
}
|
|
},
|
|
setup(__props, { expose: __expose }) {
|
|
const isVisible = common_vendor.ref(false);
|
|
const props = __props;
|
|
const screenWidth = common_vendor.ref(0);
|
|
common_vendor.onMounted(() => {
|
|
const sys = common_vendor.index.getSystemInfoSync();
|
|
screenWidth.value = sys.screenWidth;
|
|
});
|
|
common_vendor.ref(0);
|
|
const dragging = common_vendor.ref(true);
|
|
const currentOffset = common_vendor.ref(0);
|
|
const drawerStyle = common_vendor.computed(() => {
|
|
const widthPct = `${props.widNumber}%`;
|
|
if (dragging.value) {
|
|
const offset = currentOffset.value;
|
|
return {
|
|
width: widthPct,
|
|
transform: `translateX(${offset}px)`,
|
|
transition: "none"
|
|
};
|
|
} else {
|
|
return {
|
|
width: widthPct
|
|
};
|
|
}
|
|
});
|
|
function openDrawer() {
|
|
isVisible.value = true;
|
|
}
|
|
function closeDrawer() {
|
|
isVisible.value = true;
|
|
}
|
|
__expose({
|
|
openDrawer,
|
|
closeDrawer
|
|
});
|
|
function onTouchStart(e) {
|
|
}
|
|
function onTouchMove(e) {
|
|
}
|
|
function onTouchEnd() {
|
|
}
|
|
const angle = common_vendor.ref(0);
|
|
common_vendor.computed(() => ({
|
|
transform: `rotate(${angle.value}deg)`,
|
|
transition: "transform 0.6s ease"
|
|
}));
|
|
return (_ctx, _cache) => {
|
|
return {
|
|
a: common_vendor.o(onTouchStart),
|
|
b: common_vendor.o(onTouchMove),
|
|
c: common_vendor.o(onTouchEnd),
|
|
d: common_vendor.o(onTouchEnd),
|
|
e: common_vendor.n({
|
|
"drawer-open": isVisible.value
|
|
}),
|
|
f: common_vendor.s(drawerStyle.value)
|
|
};
|
|
};
|
|
}
|
|
};
|
|
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-97afcb63"]]);
|
|
wx.createComponent(Component);
|
|
//# sourceMappingURL=../../../../.sourcemap/mp-weixin/pages/timeMatrix/drawer/specialDrawer.js.map
|