diff --git a/src/pages/exchangepage/edittemplate/main.js b/src/pages/exchangepage/edittemplate/main.js index c63d67c1..8665fb86 100644 --- a/src/pages/exchangepage/edittemplate/main.js +++ b/src/pages/exchangepage/edittemplate/main.js @@ -570,25 +570,7 @@ export default class edittemplate extends React.Component { showactivedetail(c) { this.setState({ detailactiveshow: false }) } - - handleSize(width, height) { - let style = { width: width + 'px', height: height + 'px' } - switch (height) { - case 667: - style = { width: '375px', height: '667px', transform: 'scale(0.75)' } - break - case 750: - style = { width: '375px', height: '750px', transform: 'scale(0.75)' } - break - case 812: - style = { width: '375px', height: '812px', transform: 'scale(0.75)' } - break - case 500: - style = { width: '375px', height: '500px', transform: 'scale(0.75)' } - break - } - this.setState({ setStyle: style, activeHeight: height }) - } + componentWillUnmount() { if (document.querySelector('canvas')) { document.querySelector('canvas').remove() diff --git a/src/pages/exchangepage/previewEffect/main.js b/src/pages/exchangepage/previewEffect/main.js index c563b3ad..bbe956ad 100644 --- a/src/pages/exchangepage/previewEffect/main.js +++ b/src/pages/exchangepage/previewEffect/main.js @@ -1,5 +1,5 @@ -import ReactDOM from 'react-dom' -import React, { Component } from 'react' + +import React from 'react' import '../main/main.less' import '../../../assets/comm.css' import { RadioButton, Icon,RadioGroup } from 'zent' @@ -22,21 +22,7 @@ export default class previewEffect extends React.Component { this.props.onCloseFn(); } handleSize(width, height) { - let style = { width: width + 'px', height: height + 'px' } - switch (height) { - case 667: - style = { width: '375px', height: '667px', transform: 'scale(0.75)' } - break - case 750: - style = { width: '375px', height: '750px', transform: 'scale(0.75)' } - break - case 812: - style = { width: '375px', height: '812px', transform: 'scale(0.75)' } - break - case 500: - style = { width: '375px', height: '500px', transform: 'scale(0.75)' } - break - } + let style = { width: width + 'px', height: height + 'px',transform: 'scale(0.75)' } this.setState({ setStyle: style, activeHeight: height }) } onpageChange(e) { diff --git a/src/pages/exchangepage/template/main.js b/src/pages/exchangepage/template/main.js index 6f39cac4..fd47e3c7 100644 --- a/src/pages/exchangepage/template/main.js +++ b/src/pages/exchangepage/template/main.js @@ -309,13 +309,7 @@ export default class mytemplate extends React.Component { this.setState({ toTopshow: false }); } handleSize(width, height) { - let style = { width: width + 'px', height: height + 'px' }; - switch (height) { - case 667: style = { width: '375px', height: '667px', transform: 'scale(0.75)' }; break; - case 750: style = { width: '375px', height: '750px', transform: 'scale(0.75)' }; break; - case 812: style = { width: '375px', height: '812px', transform: 'scale(0.75)' }; break; - case 500: style = { width: '375px', height: '500px', transform: 'scale(0.75)' }; break; - } + let style = { width: width + 'px', height: height + 'px',transform: 'scale(0.75)' }; this.setState({ setStyle: style, activeHeight: height }); } render() {