登录成功后提示电脑才可以进行设计
This commit is contained in:
@@ -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()
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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");
|
||||||
|
|||||||
@@ -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');
|
||||||
|
|||||||
Reference in New Issue
Block a user