diff --git a/packages/app-client/src/app.tsx b/packages/app-client/src/app.tsx index ee9d74b..43ccc5a 100644 --- a/packages/app-client/src/app.tsx +++ b/packages/app-client/src/app.tsx @@ -69,8 +69,10 @@ function App({ children }: PropsWithChildren) { root.render(); // 初始化vConsole调试工具 - const VConsole = require("vconsole"); - new VConsole(); + if (process.env.NODE_ENV === "development") { + const VConsole = require("vconsole"); + new VConsole(); + } } }); diff --git a/packages/app-client/src/components/captcha/index.jsx b/packages/app-client/src/components/captcha/index.jsx index c824b9e..9a0a137 100644 --- a/packages/app-client/src/components/captcha/index.jsx +++ b/packages/app-client/src/components/captcha/index.jsx @@ -164,12 +164,13 @@ class Captcha extends Component { } }; - // 鼠标移动时的事件处理函数 + // 鼠标/触摸移动时的事件处理函数 move = (e) => { console.log(e, "滑动滑动"); if (this.state.status && !this.state.isEnd) { - console.log(e.touches[0].pageX); - let x = e.touches[0].pageX; // 获取鼠标/触摸点的X坐标 + // 兼容触摸事件和鼠标事件 + let x = e.touches ? e.touches[0].pageX : e.pageX; // 获取鼠标/触摸点的X坐标 + console.log(x); let bar_area_left = this.state.barAreaLeft; // 滑块区域左侧距离 let move_block_left = x - bar_area_left; // 计算移动块的左侧距离 console.log( @@ -355,7 +356,10 @@ class Captcha extends Component { onTouchStart={this.start} onMouseDown={this.start} onTouchMove={this.move} + onMouseMove={this.move} onTouchEnd={this.end} + onMouseUp={this.end} + onMouseLeave={this.end} style={{ width: barSize.height, height: barSize.height,