样式优化

src/assets/font/index.css

+@font-face {
+  font-family: 'HelveticaWorld';
+  src: url("./HelveticaWorld-Regular.ttf");
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'HelveticaWorld';
+  src: url("./HelveticaWorld-Bold.ttf");
+  font-style: normal;
+  font-weight: bold;
+}
+
+@font-face {
+  font-family: 'HelveticaWorld';
+  src: url("./HelveticaWorld-Italic.ttf");
+  font-style: italic;
+  font-weight: normal;
+}
+
+@font-face {
+  font-family: 'HelveticaWorld';
+  src: url("./HelveticaWorld-BoldItalic.ttf");
+  font-style: italic;
+  font-weight: bold;
+}
\ No newline at end of file

src/index.css

 #app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
+  font-family: 'HelveticaWorld';
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   text-align: center;

src/lang/en.js

@@ -6,16 +6,12 @@ export default {
       'Keep one meter away from the camera, and fit your body into the guide line. Session starts in 5 seconds after you click "Start Now" button.',
     homeText3:
       "Camera permission is needed for AI coach. Your clothes will not affect the AI coach.",
-    homeText4: "Cradle hold breastfeeding",
-    homeText5: "常见哺乳姿势，宝宝自主寻乳，\r\n适合哺乳配合好的宝宝和妈妈。",
     homeButtonText: "Start Now",
-    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 authorized",
-    cameraText1: "Camera permission has been prohibited, please enable it in permission management!",
-    cameraButtonText: "Got it",
+    completeText: "Congratulations!",
+    cameraText: "Camera not detected.",
+    cameraText1: "Camera disabled. Please grant camera permission first!",
+    cameraButtonText: "OK",
     completeText2: "You have recorded",
-    completeButtonText: "Confirm",
+    completeButtonText: "OK",
   }
 }

src/lang/es.js

@@ -6,16 +6,12 @@ export default {
       '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.",
+    completeText: "¡Felicidades!",
+    cameraText: "Cámara no detectada.",
+    cameraText1: "Cámara desactivada. ¡Por favor, conceda permiso a la cámara primero!",
+    cameraButtonText: "DE ACUERDO",
     completeText2: "Usted ha registrado",
-    completeButtonText: "Determinar",
+    completeButtonText: "DE ACUERDO",
   }
 }

src/lang/fr.js

@@ -6,17 +6,13 @@ export default {
       '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.",
+      "Toutes nos félicitations!",
+    cameraText: "Caméra non détectée.",
+    cameraText1: "Caméra désactivée. Veuillez d'abord accorder l'autorisation de la caméra !",
+    cameraButtonText: "OK",
     completeText2: "Vous avez enregistré",
-    completeButtonText: "C'est sûr.",
+    completeButtonText: "OK",
   }
 }

src/lang/pl.js

@@ -4,10 +4,7 @@ export default {
     homeText1: "调整手机角度并摆放平稳，您可以使用手机支架",
     homeText2: "请与屏幕保持1米距离\n直到把身体摆入框中。\n点击立即开始您有5秒钟的准备时间。",
     homeText3: "本教学需要您授权使用摄像头\n请在安全环境安全设备使用本功能\n请您放心，穿着衣物不会影响AI识别。",
-    homeText4: "摇篮式哺乳",
-    homeText5: "常见哺乳姿势，宝宝自主寻乳，\r\n适合哺乳配合好的宝宝和妈妈。",
     homeButtonText: "立即开始",
-    homeTips: "您已记录",
     completeText: "恭喜你！完成了本次教学~",
     cameraText: "相机未授权",
     cameraText1: "相机权限已被禁止，请在权限管理中开启！",

src/lang/zh.js

@@ -4,10 +4,7 @@ export default {
     homeText1: "调整手机角度并摆放平稳，您可以使用手机支架",
     homeText2: "请与屏幕保持1米距离\n直到把身体摆入框中。\n点击立即开始您有5秒钟的准备时间。",
     homeText3: "本教学需要您授权使用摄像头\n请在安全环境安全设备使用本功能\n请您放心，穿着衣物不会影响AI识别。",
-    homeText4: "摇篮式哺乳",
-    homeText5: "常见哺乳姿势，宝宝自主寻乳，\n适合哺乳配合好的宝宝和妈妈。",
     homeButtonText: "立即开始",
-    homeTips: "您已记录",
     completeText: "恭喜你！完成了本次教学~",
     cameraText: "相机未授权",
     cameraText1: "相机权限已被禁止，请在权限管理中开启！",

src/main.js

@@ -2,6 +2,7 @@ import { createApp } from 'vue'
 import App from './App.vue'
 import './index.css'
 import './styles/index.scss' // global css
+import './assets/font/index.css';
 import router from './router'
 import 'amfe-flexible'
 import i18n from './lang/i18n.js'

src/views/complete.vue

@@ -2,7 +2,7 @@
   <div class="page" :class="{'mobile':_isMobile,'pc':!_isMobile}">
     <div class="main_content">
       <img class="page-bg" src="../assets/images/gesture/massage-entry-fullbg.png" alt srcset />
-      <div class="massage-complete-modal" :class="{'noBaby':finalBabyStatus == 3 || finalBabyStatus == -1}">
+      <div class="massage-complete-modal noBaby">
         <div class="nickname">
           Hey
           <!-- <span>{{nikeName}}</span> -->
@@ -12,9 +12,9 @@
           <img class="icon" src="../assets/images/gesture/massage-complete-title-icon.png" />
           {{$t('strings.completeText')}}
         </div>
-        <div class="record" v-if="finalBabyStatus != 3 && finalBabyStatus != -1">
+        <!-- <div class="record" v-if="finalBabyStatus != 3 && finalBabyStatus != -1">
           <div>{{$t('strings.completeText2')}}: {{time}}s</div>
-        </div>
+        </div> -->
         <div class="bottom">
           <light-button @click="goHome" :text="$t('strings.completeButtonText')"></light-button>
         </div>