拒绝授权优化

src/components/lightButton.vue

@@ -37,7 +37,7 @@ export default {
 .btn-container {
   position: relative;
   color: #ffffff;
-
+  cursor: pointer;
   img,
   div,
   button {
@@ -84,7 +84,7 @@ export default {
     letter-spacing: 0.2em;
     font-weight: bold;
     &.len {
-      font-size: .32rem;
+      font-size: 0.32rem;
     }
   }
   .btn-img {

src/lang/en.js

@@ -12,8 +12,9 @@ export default {
     homeTips:
       "Your images and videos will only be used for AI coach recognition. They will not be stored.",
     completeText: "Congratulations! You have completed the session!",
-    cameraText: "Camera not detected. Try again?",
-    cameraButtonText: "Try Again",
+    cameraText: "Camera not authorized",
+    cameraText1: "Camera permission has been prohibited, please enable it in permission management!",
+    cameraButtonText: "Got it",
     completeText2: "You have recorded",
     completeButtonText: "Confirm",
   }

src/lang/es.js

 export default {
   strings: {
-     homeTitle : "Asistente de IA de postura de lactancia",
-     homeText1 : "Coloque su dispositivo en una superficie estable",
-     homeText2 :
-        'Manténgase a un metro de distancia de la cámara y coloque su cuerpo en la línea. La sesión comienza en 5 segundos después de hacer clic en el botón "Comenzar ahora".',
-     homeText3 :
-        "Se necesita permiso para acceder a la cámara para el asistente de IA. Su ropa no afectará al asistente de IA.",
-     homeText4 : "Lactancia en posición de cuna (acunando)",
-     homeText5 : "常见哺乳姿势，宝宝自主寻乳，\r\n适合哺乳配合好的宝宝和妈妈。",
-     homeButtonText : "Empezar ahora",
-     homeTips :
-        "Sus imágenes y videos solo se utilizarán para el reconocimiento del asistente de IA. No se almacenarán.",
-     completeText : "¡Felicidades! ¡Has completado la sesión!",
-     cameraText : "Cámara no detectada. ¿Volver a Intentar otra vez?",
-     cameraButtonText : "Intentar otra vez",
-     completeText2: "Usted ha registrado",
-     completeButtonText: "Determinar",
+    homeTitle: "Asistente de IA de postura de lactancia",
+    homeText1: "Coloque su dispositivo en una superficie estable",
+    homeText2:
+      'Manténgase a un metro de distancia de la cámara y coloque su cuerpo en la línea. La sesión comienza en 5 segundos después de hacer clic en el botón "Comenzar ahora".',
+    homeText3:
+      "Se necesita permiso para acceder a la cámara para el asistente de IA. Su ropa no afectará al asistente de IA.",
+    homeText4: "Lactancia en posición de cuna (acunando)",
+    homeText5: "常见哺乳姿势，宝宝自主寻乳，\r\n适合哺乳配合好的宝宝和妈妈。",
+    homeButtonText: "Empezar ahora",
+    homeTips:
+      "Sus imágenes y videos solo se utilizarán para el reconocimiento del asistente de IA. No se almacenarán.",
+    completeText: "¡Felicidades! ¡Has completado la sesión!",
+    cameraText: "Cámara no autorizada",
+    cameraText1: "¡Los permisos de la Cámara están prohibidos, por favor, inicie la gestión de permisos!",
+    cameraButtonText: "Lo tengo.",
+    completeText2: "Usted ha registrado",
+    completeButtonText: "Determinar",
   }
 }

src/lang/fr.js

 export default {
   strings: {
-    homeTitle : "Coach IA en posture d'allaitement",
-    homeText1 : "Placez votre appareil sur une surface stable",
-    homeText2 :
-       'Tenez-vous à un mètre de la caméra et placez votre corps dans la ligne de guidage. La session démarre dans 5 secondes après avoir cliqué sur le bouton "Démarrer maintenant".',
-    homeText3 :
-       "L'autorisation de la caméra est nécessaire pour l'entraîneur AI. Vos vêtements n'affecteront pas l'entraîneur AI.",
-    homeText4 : "Berceau d'allaitement",
-    homeText5 : "常见哺乳姿势，宝宝自主寻乳，\r\n适合哺乳配合好的宝宝和妈妈。",
-    homeButtonText : "Commencez maintenant",
-    homeTips :
-       "Vos images et vidéos ne seront utilisées que pour la reconnaissance des coachs IA. Elles ne seront pas stockés.",
-    completeText :
-       "Toutes nos félicitations! Vous avez terminé la session !",
-    cameraText : "Caméra non détectée. Réessayer?",
-    cameraButtonText : "Réessayer",
+    homeTitle: "Coach IA en posture d'allaitement",
+    homeText1: "Placez votre appareil sur une surface stable",
+    homeText2:
+      'Tenez-vous à un mètre de la caméra et placez votre corps dans la ligne de guidage. La session démarre dans 5 secondes après avoir cliqué sur le bouton "Démarrer maintenant".',
+    homeText3:
+      "L'autorisation de la caméra est nécessaire pour l'entraîneur AI. Vos vêtements n'affecteront pas l'entraîneur AI.",
+    homeText4: "Berceau d'allaitement",
+    homeText5: "常见哺乳姿势，宝宝自主寻乳，\r\n适合哺乳配合好的宝宝和妈妈。",
+    homeButtonText: "Commencez maintenant",
+    homeTips:
+      "Vos images et vidéos ne seront utilisées que pour la reconnaissance des coachs IA. Elles ne seront pas stockés.",
+    completeText:
+      "Toutes nos félicitations! Vous avez terminé la session !",
+    cameraText: "Caméra non autorisée",
+    cameraText1: "L'autorisation de la caméra a été désactivée, veuillez l'activer dans la gestion de l'autorisation!",
+    cameraButtonText: "J'ai compris.",
     completeText2: "Vous avez enregistré",
     completeButtonText: "C'est sûr.",
   }

src/lang/pl.js

@@ -9,8 +9,9 @@ export default {
     homeButtonText: "立即开始",
     homeTips: "您已记录",
     completeText: "恭喜你！完成了本次教学~",
-    cameraText: "未识别到您的摄像头，是否重新识别？",
-    cameraButtonText: "立即重识",
+    cameraText: "相机未授权",
+    cameraText1: "相机权限已被禁止，请在权限管理中开启！",
+    cameraButtonText: "知道了",
     completeText2: "您已记录",
     completeButtonText: "确定",
   }

src/lang/zh.js

@@ -9,8 +9,9 @@ export default {
     homeButtonText: "立即开始",
     homeTips: "您已记录",
     completeText: "恭喜你！完成了本次教学~",
-    cameraText: "未识别到您的摄像头，是否重新识别？",
-    cameraButtonText: "立即重识",
+    cameraText: "相机未授权",
+    cameraText1: "相机权限已被禁止，请在权限管理中开启！",
+    cameraButtonText: "知道了",
     completeText2: "您已记录",
     completeButtonText: "确定",
   }

src/views/index.vue

@@ -34,7 +34,8 @@
         <div class="no_camera_dialog_mask"></div>
         <div class="no_camera_dialog_content">
           <div class="no_camera_dialog_title">{{$t('strings.cameraText')}}</div>
-          <div class="no_camera_dialog_button" @click="clickAuthCamera">
+          <div class="no_camera_dialog_text_content">{{$t('strings.cameraText1')}}</div>
+          <div class="no_camera_dialog_button" @click="clickConfirm">
             <img class="no_camera_dialog_button_bg" src="../assets/images/gesture/light-btn-bg.png" alt srcset />
             <div class="no_camera_dialog_button_text">{{$t('strings.cameraButtonText')}}</div>
           </div>
@@ -638,6 +639,9 @@ export default {
       this.$i18n.locale = lang;
       localStorage.setItem("lang", lang);
     },
+    clickConfirm() {
+      this.showNoCameraDialog = false;
+    },
     async clickAuthCamera() {
       this.setLanguagePack();
       if (this.showNoCameraDialog) {
@@ -935,7 +939,7 @@ export default {
       }
       &_content {
         width: 593px;
-        height: 496px;
+        min-height: 496px;
         background: #ffffff;
         border-radius: 16px;
         z-index: 1;
@@ -944,7 +948,7 @@ export default {
         flex-direction: column;
         align-items: center;
         box-sizing: border-box;
-        padding: 78px 0 97px 0;
+        padding: 44px 0 64px 0;
       }
       &_title {
         font-size: 46px;
@@ -953,8 +957,18 @@ export default {
         font-weight: 500;
         color: #000000;
         width: 456px;
+        text-align: center;
+        margin-bottom: 52px;
+      }
+      &_text_content {
+        width: 500px;
         text-align: left;
-        margin-bottom: 130px;
+        font-size: 40px;
+        font-family: Source Han Sans SC;
+        font-weight: 400;
+        color: #010101;
+        line-height: 66px;
+        margin-bottom: 83px;
       }
       &_button {
         width: 431px;
@@ -1159,7 +1173,7 @@ export default {
         font-size: 0.3947rem;
         .title {
           color: #fb7c76;
-          font-size: .4267rem;
+          font-size: 0.4267rem;
           line-height: 1.2;
           font-weight: bold;
         }
@@ -1205,7 +1219,7 @@ export default {
       }
       &_content {
         width: 7.9067rem;
-        height: 6.6133rem;
+        min-height: 6.6133rem;
         background: #ffffff;
         border-radius: 0.2133rem;
         z-index: 1;
@@ -1214,7 +1228,7 @@ export default {
         flex-direction: column;
         align-items: center;
         box-sizing: border-box;
-        padding: 1.04rem 0 1.2933rem 0;
+        padding: 0.5867rem 0 0.8533rem 0;
       }
       &_title {
         font-size: 0.6133rem;
@@ -1223,8 +1237,18 @@ export default {
         font-weight: 500;
         color: #000000;
         width: 6.08rem;
+        text-align: center;
+        margin-bottom: 0.6933rem;
+      }
+      &_text_content {
+        width: 6.6667rem;
         text-align: left;
-        margin-bottom: 1.7333rem;
+        font-size: 0.5333rem;
+        font-family: Source Han Sans SC;
+        font-weight: 400;
+        color: #010101;
+        line-height: 0.88rem;
+        margin-bottom: 1.1067rem;
       }
       &_button {
         width: 5.7467rem;