feats

src/components/barcode/index.jsx

@@ -6,7 +6,7 @@ import { code128 } from './drawCode'
 import './style.less'
 
 export default (props) => {
-  const { code, ratio, height } = props
+  const { code, ratio, height, codeVisible = true } = props
 
   const id = useMemo(() => Math.random().toString(36).substring(2, 10), [])
   const canvasRef = useRef()
@@ -54,7 +54,9 @@ export default (props) => {
   return (
     <View className='barcode-box'>
       <Canvas style={style} type='2d' id={id}></Canvas>
-      <CodeText code={code} />
+      {
+        codeVisible && <CodeText code={code} />
+      }      
     </View>
   )
 }

src/pages/index/index.jsx

@@ -36,7 +36,7 @@ export default (props) => {
           <BarCode ratio={0.7} height={80} code='322050442037' />
         </View>
         <View className='index-UserQRcode-cententQR-Barcode'>
-          <BarCode ratio={0.7} height={80} code='32032219901021050X' />
+          <BarCode ratio={0.7} height={80} code='32032219901021050X' codeVisible />
         </View>
       </View>
       <View className='index-UserQRcode-footer'>