feats

src/components/barcode/index.jsx

@@ -5,12 +5,9 @@ import CodeText from './CodeText'
 import { code128 } from './drawCode'
 import './style.less'
 
-const widthRatio = 0.7;
-const barHeight = 80;
-
 export default (props) => {
 
-  const { code } = props
+  const { code, ratio, height } = props
 
   const canvasRef = useRef()
   const ctxRef = useRef()
@@ -24,7 +21,7 @@ export default (props) => {
       dpr: pixelRatio,
     }
   }, [])
-  const size = useMemo(() => ({ width: sysInfo.width * sysInfo.dpr * widthRatio, height: barHeight * sysInfo.dpr }), [sysInfo])
+  const size = useMemo(() => ({ width: sysInfo.width * sysInfo.dpr * ratio, height: height * sysInfo.dpr }), [sysInfo])
 
   const style = useMemo(() => ({ width: `${size.width}rpx`, height: `${size.height}rpx` }), [size])
 

src/pages/index/index.jsx

@@ -33,7 +33,7 @@ export default (props) => {
       <View className='index-UserQRcode-cententQR'>
         <CountDown className='index-UserQRcode-cententQR-Times' />
         <View className='index-UserQRcode-cententQR-Barcode'>
-          <BarCode width={300} height={100} code='322050442037' />
+          <BarCode ratio={0.7} height={80} code='322050442037' />
         </View>
       </View>
     </View>