给字段添加校验

src/pages/ycnc/components/brand.vue

@@ -1,42 +1,52 @@
 <template>
-  <scroll-view scroll-y class="pro-container box-border" :style="{backgroundImage: 'url('+config[brandName]?.src+')',height:`${config[brandName].height}rpx`}">
+  <scroll-view
+    scroll-y
+    class="pro-container box-border"
+    :style="{
+      backgroundImage: 'url(' + config[brandName]?.src + ')',
+      height: `${config[brandName]?.height}rpx`,
+    }"
+  >
     <view class="pro-wrapper flex flex-wrap">
-      <view v-for="(item,index) in products" :key="index" class="product-container">
+      <view
-        <ProductItem :detail="item" :index="index"/>
+        v-for="(item, index) in products"
+        :key="index"
+        class="product-container"
+      >
+        <ProductItem :detail="item" :index="index" />
       </view>
     </view>
   </scroll-view>
 </template>
 
 <script setup>
-  import ProductItem from './product-item'
+import ProductItem from "./product-item";
-  import config from '../config'
+import config from "../config";
-  const props = defineProps({
+const props = defineProps({
-    products:{
+  products: {
-      type:Array,
+    type: Array,
     required: true,
-      default:() => ([])
+    default: () => [],
   },
-    brandName:{
+  brandName: {
-      type:String,
+    type: String,
-      required:true,
+    required: true,
-      default:''
+    default: "",
-    }
+  },
-  })
+});
-  
 </script>
 
 <style lang="scss" scoped>
-.pro-container{
+.pro-container {
-  width:780rpx;
+  width: 780rpx;
   padding: 136rpx 60rpx 72rpx;
   // margin-bottom: -24rpx;
   background-repeat: no-repeat;
   background-size: contain;
   overflow-y: auto;
 }
-.pro-wrapper{
+.pro-wrapper {
-  .product-container{
+  .product-container {
     width: calc((100% - 40rpx) / 3);
     margin-right: 20rpx;
     margin-bottom: 20rpx;
@@ -45,14 +55,14 @@
   //   margin-right:0 !important;
   // }
   view:nth-child(3n) {
-    margin-right:0 !important;
+    margin-right: 0 !important;
   }
   // view:nth-child(3n+1):nth-last-child(-n+3) > .pro-item-wrapper,
   // view:nth-child(3n+1):nth-last-child(-n+3)~view > .pro-item-wrapper{
   //   margin-bottom: 0 !important;
   // }
-  view:nth-child(3n+1):nth-last-child(-n+3),
+  view:nth-child(3n + 1):nth-last-child(-n + 3),
-	view:nth-child(3n+1):nth-last-child(-n+3)~view{
+  view:nth-child(3n + 1):nth-last-child(-n + 3) ~ view {
     margin-bottom: 0 !important;
   }
 }

src/pages/ycnc/hooks/useCode.js

@@ -1,12 +1,12 @@
-import md5 from 'js-md5';
+import md5 from "js-md5";
-import getSM3Sign from '@/api/ycnc'
+import { getSM3Sign } from "@/api/ycnc";
-export default function useCode(){
+export default function useCode() {
-    return new Promise((resolve,reject) => {
+  return new Promise((resolve, reject) => {
     const authCallback = (params) => {
-            console.log('authCallback-use',params);
+      console.log("authCallback-use", params);
-            const {code} = params
+      const { code } = params;
-            resolve(code)
+      resolve(code);
-        }
+    };
     const getNewAuthorization = async () => {
       let appId = import.meta.env.VITE_YCNC_APPID;
       let time = Date.now().toString();
@@ -15,20 +15,20 @@ export default function useCode(){
       // let signBefore = appId + time + secret;
       // let sign = md5(signBefore);
       //sm3加密
-            let {data} = await getSM3Sign({params:{appId,time}})
+      let { data } = await getSM3Sign({ params: { appId, time } });
       let param = {
         appId: appId,
         // sign: sign,
-                sign: data.sign,
+        sign: data?.sign,
         time: time,
         tran_code: "157",
         fn: "authCallback",
-                needBind: ""
+        needBind: "",
       };
-            console.log('auth-param157-use',param);
+      console.log("auth-param157-use", param);
-            Fw.device.api.getNewAuthorization(param)
+      Fw.device.api.getNewAuthorization(param);
     };
     window.authCallback = authCallback;
-        getNewAuthorization()
+    getNewAuthorization();
-    })
+  });
 }