add DEFnAME

config/index.js

@@ -15,6 +15,7 @@ const config = {
   defineConstants: {
   },
   alias: {
+    '@/assets': path.resolve(__dirname, '..', 'src/assets'),
     '@/components': path.resolve(__dirname, '..', 'src/components'),
     '@/utils': path.resolve(__dirname, '..', 'src/utils'),
   },

src/components/barcode/index.jsx

@@ -57,7 +57,10 @@ export default (props) => {
       <Canvas style={style} type='2d' id={id}></Canvas>
       {
         codeVisible && <CodeText code={code} />
-      }      
+      }
+      {
+        !code && <View className='no-barcode'>暂无条码</View>
+      }
     </View>
   )
 }

src/components/barcode/style.less

@@ -1,4 +1,6 @@
 .barcode-box {
+  position: relative;
+
   .barcode-txt {
     display: flex;
     justify-content: space-between;
@@ -12,4 +14,17 @@
       flex: 1;
     }
   }
+
+  .no-barcode {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    font-size: 2em;
+    color: rgba(0, 0, 0, .5);
+    line-height: 3em;
+    z-index: 100;
+    top: 0;
+    left: 0;
+    text-align: center;
+  }
 }

src/pages/index/index.jsx

@@ -4,27 +4,20 @@ import dayjs from 'dayjs'
 import { Button, Icon } from "@antmjs/vantui";
 import Taro from '@tarojs/taro';
 import BarCode from '@/components/barcode'
+import logo from '@/assets/water_logo.png'
 import { useModel } from '../../store';
 
 import './style.less'
 
 export default (props) => {
-  const { deptName, person, formValue } = useModel('userData')
-  const [useInfo, setUseInfo] = useState()
-
-
+  const { person, } = useModel('userData')
+  const today = useMemo(() => dayjs().format('YYYY-MM-DD'))
   const goUserInfo = () => {
-    // 跳转到目的页面，在当前页面打开
     Taro.redirectTo({
       url: '/pages/setUserInfo/index'
     })
   }
-  useEffect(() => {
-    console.log('person?.idNo', person?.idNo);
 
-  }, [person])
-
-  const today = useMemo(() => dayjs().format('YYYY-MM-DD'))
 
   return (
     <View className='index-UserQRcode'>

src/pages/index/style.less

@@ -17,6 +17,15 @@
       justify-content: space-between;
       letter-spacing: 1vw;
 
+      image {
+        position: absolute;
+        top: 0;
+        right: 0;
+        opacity: 0.2;
+        width: 500px;
+        height: 500px;
+      }
+
       &-NameInfo {
         font-weight: 600;
         font-size: 40px;