登录成功后提示电脑才可以进行设计

This commit is contained in:
X1627315083
2024-07-16 10:09:20 +08:00
parent 639d435e95
commit 0c7d1e024c
3 changed files with 14 additions and 3 deletions

View File

@@ -91,10 +91,10 @@ export default defineComponent({
let canvasState = ref()//存放canvas操作 let canvasState = ref()//存放canvas操作
let keyDown = []//监听键盘的 keydown 和 keyup 事件 let keyDown = []//监听键盘的 keydown 和 keyup 事件
let init = (data,index)=>{ let init = (data,index)=>{
loadingShow.value = true
normalCanvasState.value = [] normalCanvasState.value = []
reverseCanvasState.value = [] reverseCanvasState.value = []
showPayOrder.value = true; showPayOrder.value = true;
loadingShow.value = true
scale = 2; scale = 2;
ratio = [1,1] ratio = [1,1]
exportWH = 512 exportWH = 512
@@ -109,7 +109,13 @@ export default defineComponent({
let oldCanvasDom = canvasBox.querySelector('.canvas-container') let oldCanvasDom = canvasBox.querySelector('.canvas-container')
if(oldCanvasDom)oldCanvasDom.remove() let oldCanvasDom1 = canvasBox.querySelector('canvas')
if(oldCanvasDom){
oldCanvasDom.remove()
}
if(oldCanvasDom1){
oldCanvasDom1.remove()
}
canvasBox.appendChild(canvasDom); canvasBox.appendChild(canvasDom);
let img = new Image(); let img = new Image();
@@ -150,6 +156,7 @@ export default defineComponent({
fabric.Object.prototype.controls.deleteControl.mouseUpHandler = deleteObj fabric.Object.prototype.controls.deleteControl.mouseUpHandler = deleteObj
} }
updateCanvasState() updateCanvasState()
loadingShow.value = false
},{ crossOrigin: "Anonymous" }); },{ crossOrigin: "Anonymous" });
// 鼠标抬起事件 // 鼠标抬起事件
canvas.on('mouse:up', function(event) { canvas.on('mouse:up', function(event) {
@@ -161,7 +168,6 @@ export default defineComponent({
//画布上移动 //画布上移动
canvas.on("mouse:move", event =>setCanvasMove(event)); canvas.on("mouse:move", event =>setCanvasMove(event));
canvas.add(brushIndicator) canvas.add(brushIndicator)
loadingShow.value = false
setOperation('pencil') setOperation('pencil')
img.remove() img.remove()
} }

View File

@@ -150,6 +150,7 @@ export default defineComponent({
canvasWH.value = height canvasWH.value = height
scale = exportWH/canvasWH.value scale = exportWH/canvasWH.value
let oldCanvasDom = canvasBox.querySelector('.canvas-container') let oldCanvasDom = canvasBox.querySelector('.canvas-container')
let oldCanvasDom1 = canvasBox.querySelector('canvas')
if(isDeleteSlogan.value && oldCanvasDom){ if(isDeleteSlogan.value && oldCanvasDom){
oldCanvasDom.remove() oldCanvasDom.remove()
canvas.remove(textbox); canvas.remove(textbox);
@@ -157,6 +158,9 @@ export default defineComponent({
oldCanvasDom = null oldCanvasDom = null
isDeleteSlogan.value = false isDeleteSlogan.value = false
} }
if(oldCanvasDom1){
oldCanvasDom1.remove()
}
// if(oldCanvasDom)oldCanvasDom.remove() // if(oldCanvasDom)oldCanvasDom.remove()
if(!oldCanvasDom){ if(!oldCanvasDom){
var canvasDom = document.createElement("canvas"); var canvasDom = document.createElement("canvas");

View File

@@ -479,6 +479,7 @@ export default defineComponent({
this.turnToHomePage('/'); this.turnToHomePage('/');
}else{ }else{
if(window.innerWidth < 768){ if(window.innerWidth < 768){
message.info("If you need to design, please log in using an iPad or computer.");
this.turnToHomePage('/'); this.turnToHomePage('/');
}else{ }else{
this.turnToHomePage('/home'); this.turnToHomePage('/home');