fix: screen adaptation

alitajs · Dec 16, 2019 · 6c63d0f · 6c63d0f
1 parent cd98be5
commit 6c63d0f
Show file tree

Hide file tree

Showing 4 changed files with 787 additions and 3,598 deletions.
diff --git a/packages/gesture-password-react/src/index.tsx b/packages/gesture-password-react/src/index.tsx
@@ -21,7 +21,12 @@ export default class ReactGesturePassword extends React.Component<ReactGesturePa
 
   createCanvasInstance(props: ReactGesturePasswordProps) {
     if (!this.canvas) {
-      this.canvas = new GesturePassword({ ...props, el: this.el });
+      this.canvas = new GesturePassword({
+        ...props,
+        el: this.el,
+        width: px2hd(props.width),
+        height: px2hd(props.height)
+      });
     }
   }
 
@@ -50,6 +55,12 @@ export default class ReactGesturePassword extends React.Component<ReactGesturePa
   };
 
   render() {
-    return <canvas ref={this.portalRef} width={px2hd(this.props.width)} height={px2hd(this.props.height)}></canvas>;
+    return (
+      <canvas
+        ref={this.portalRef}
+        width={px2hd(this.props.width)}
+        height={px2hd(this.props.height)}
+      ></canvas>
+    );
   }
 }
diff --git a/packages/gesture-password-vue/src/gesture-password.vue b/packages/gesture-password-vue/src/gesture-password.vue
@@ -53,7 +53,12 @@ export default {
   methods: {
     createCanvasInstance(props) {
       if (!this.canvas) {
-        const mergeProps = { ...props, onChange: this.$listeners.onChange };
+        const mergeProps = {
+          ...props,
+          width: px2hd(props.width),
+          height: px2hd(props.height),
+          onChange: this.$listeners.onChange
+        };
         this.canvas = new GesturePassword({ ...mergeProps, el: this.el });
       }
     },