|
@@ -383,12 +383,21 @@ export default defineComponent({
|
|
|
api_back();
|
|
|
};
|
|
|
|
|
|
+ // 排箫,默认0.9显示
|
|
|
+ const setDefaultScale = () => {
|
|
|
+ if (data.subject === "pan-flute") {
|
|
|
+ data.transform.scale = 0.9
|
|
|
+ data.transform.startScale = 0.9
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
onMounted(() => {
|
|
|
loadElement();
|
|
|
api_setStatusBarVisibility();
|
|
|
});
|
|
|
const loadElement = () => {
|
|
|
const fingeringContainer = document.getElementById("fingeringContainer");
|
|
|
+ setDefaultScale()
|
|
|
// console.log("🚀 ~ fingeringContainer:", fingeringContainer);
|
|
|
const mc = new Hammer.Manager(fingeringContainer as HTMLElement);
|
|
|
mc.add(new Hammer.Pan({ threshold: 0, pointers: 0 }));
|
|
@@ -424,10 +433,10 @@ export default defineComponent({
|
|
|
const resetElement = () => {
|
|
|
data.transform.transition = "all 0.3s";
|
|
|
nextTick(() => {
|
|
|
- data.transform.scale = 1;
|
|
|
+ data.transform.scale = data.subject === "pan-flute" ? 0.9 : 1;
|
|
|
data.transform.x = 0;
|
|
|
data.transform.y = 0;
|
|
|
- data.transform.startScale = 1;
|
|
|
+ data.transform.startScale = data.subject === "pan-flute" ? 0.9 : 1;
|
|
|
data.transform.startX = 0;
|
|
|
data.transform.startY = 0;
|
|
|
});
|