Skip to content

B
breast-feeding-ai-demo-web
Commit 8b0777da authored by 朱国瑞's avatar 朱国瑞
Browse files
Options

页面显示优化

parent ae518a19
Hide whitespace changes
Inline Side-by-side
Showing with 115 additions and 185 deletions
src/views/index.vue
View file @ 8b0777da
<template> <template>
<div class="page" :class="{ mobile: _isMobile, pc: !_isMobile }"> <div class="page" :class="{ mobile: _isMobile, pc: !_isMobile }">
<div <div class="main_content" id="main" :class="{ small: _isMobile && isSmall, big: _isMobile && isBig }">
class="main_content"
id="main"
:class="{ small: _isMobile && isSmall, big: _isMobile && isBig }"
>
<div class="briefsummary-box"> <div class="briefsummary-box">
<div <div class="briefsummary-content" :style="{ height: briefsummaryHeight }">
class="briefsummary-content" <img class="bg" src="../assets/images/gesture/massage-entry-fullbg.png" />
:style="{ height: briefsummaryHeight }" <div class="briefsummary-main-box" :class="{
>
<img
class="bg"
src="../assets/images/gesture/massage-entry-fullbg.png"
/>
<div
class="briefsummary-main-box"
:class="{
smallScreen: _isMobile && isSmall, smallScreen: _isMobile && isSmall,
big: _isMobile && isBig, big: _isMobile && isBig,
lie: lying == 1, lie: lying == 1,
}" }">
> <div class="top-text" v-if="lying == 0">{{ $t("strings.sittingGestureIntroduce.title") }}</div>
<div class="top-text" v-if="lying == 0"> <div class="top-text-1" v-if="lying == 0">{{ $t("strings.sittingGestureIntroduce.subTitle") }}</div>
{{ $t("strings.sittingGestureIntroduce.title") }} <div class="top-text" v-if="lying == 1">{{ $t("strings.lyingGestureIntroduce.title") }}</div>
</div> <div class="top-text-1" v-if="lying == 1">{{ $t("strings.lyingGestureIntroduce.subTitle") }}</div>
<div class="top-text-1" v-if="lying == 0">
{{ $t("strings.sittingGestureIntroduce.subTitle") }}
</div>
<div class="top-text" v-if="lying == 1">
{{ $t("strings.lyingGestureIntroduce.title") }}
</div>
<div class="top-text-1" v-if="lying == 1">
{{ $t("strings.lyingGestureIntroduce.subTitle") }}
</div>
<div class="summary-wireframe-box" v-if="lying == 0"> <div class="summary-wireframe-box" v-if="lying == 0">
<img <img class="wireframe" src="../assets/images/gesture/summary/summaryWireframe.png" />
class="wireframe"
src="../assets/images/gesture/summary/summaryWireframe.png"
/>
<div class="summary-points points-top-left"> <div class="summary-points points-top-left">
<div class="points-content"> <div class="points-content">
<div class="no">1.</div> <div class="no">1.</div>
<div class="points-text"> <div class="points-text">{{ $t("strings.sittingGestureIntroduce.suggestedText1") }}</div>
{{ $t("strings.sittingGestureIntroduce.suggestedText1") }}
</div>
</div> </div>
<div class="points-image"> <div class="points-image">
<img <img class="line" src="../assets/images/gesture/summary/summarylinelefttop.png" />
class="line"
src="../assets/images/gesture/summary/summarylinelefttop.png"
/>
</div> </div>
</div> </div>
<div class="summary-points points-top-right"> <div class="summary-points points-top-right">
<div class="points-content"> <div class="points-content">
<div class="no">2.</div> <div class="no">2.</div>
<div class="points-text"> <div class="points-text">{{ $t("strings.sittingGestureIntroduce.suggestedText2") }}</div>
{{ $t("strings.sittingGestureIntroduce.suggestedText2") }}
</div>
</div> </div>
<div class="points-image"> <div class="points-image">
<img <img class="line" src="../assets/images/gesture/summary/summaryrighttop.png" />
class="line"
src="../assets/images/gesture/summary/summaryrighttop.png"
/>
</div> </div>
</div> </div>
<div class="summary-points points-left-bottom"> <div class="summary-points points-left-bottom">
<div class="points-content"> <div class="points-content">
<div class="no">3.</div> <div class="no">3.</div>
<div class="points-text"> <div class="points-text">{{ $t("strings.sittingGestureIntroduce.suggestedText3") }}</div>
{{ $t("strings.sittingGestureIntroduce.suggestedText3") }}
</div>
</div> </div>
<div class="points-image"> <div class="points-image">
<img <img class="line" src="../assets/images/gesture/summary/summaryleftbottom.png" />
class="line"
src="../assets/images/gesture/summary/summaryleftbottom.png"
/>
</div> </div>
</div> </div>
<div class="summary-points points-right-bottom"> <div class="summary-points points-right-bottom">
<div class="points-content"> <div class="points-content">
<div class="no">4.</div> <div class="no">4.</div>
<div class="points-text"> <div class="points-text">{{ $t("strings.sittingGestureIntroduce.suggestedText4") }}</div>
{{ $t("strings.sittingGestureIntroduce.suggestedText4") }}
</div>
</div> </div>
<div class="points-image"> <div class="points-image">
<img <img class="line" src="../assets/images/gesture/summary/summaryrightbottom.png" />
class="line"
src="../assets/images/gesture/summary/summaryrightbottom.png"
/>
</div> </div>
</div> </div>
</div> </div>
<div class="summary-wireframe-box" v-if="lying === 1"> <div class="summary-wireframe-box" v-if="lying === 1">
<img <img class="wireframe" src="../assets/images/gesture/summary/summaryWireframeLie.png" />
class="wireframe"
src="../assets/images/gesture/summary/summaryWireframeLie.png"
/>
<div class="summary-points points-1"> <div class="summary-points points-1">
<div class="points-content"> <div class="points-content">
<div class="no">1.</div> <div class="no">1.</div>
<div class="points-text"> <div class="points-text">{{ $t("strings.lyingGestureIntroduce.suggestedText1") }}</div>
{{ $t("strings.lyingGestureIntroduce.suggestedText1") }}
</div>
</div> </div>
<div class="points-image"> <div class="points-image">
<img <img class="line" src="../assets/images/gesture/summary/summarylinelie1.png" />
class="line"
src="../assets/images/gesture/summary/summarylinelie1.png"
/>
</div> </div>
</div> </div>
<div class="summary-points points-2"> <div class="summary-points points-2">
<div class="points-content"> <div class="points-content">
<div class="no">2.</div> <div class="no">2.</div>
<div class="points-text"> <div class="points-text">{{ $t("strings.lyingGestureIntroduce.suggestedText2") }}</div>
{{ $t("strings.lyingGestureIntroduce.suggestedText2") }}
</div>
</div> </div>
<div class="points-image"> <div class="points-image">
<img <img class="line" src="../assets/images/gesture/summary/summarylinelie2.png" />
class="line"
src="../assets/images/gesture/summary/summarylinelie2.png"
/>
</div> </div>
</div> </div>
<div class="summary-points points-3"> <div class="summary-points points-3">
<div class="points-content"> <div class="points-content">
<div class="no">3.</div> <div class="no">3.</div>
<div class="points-text"> <div class="points-text">{{ $t("strings.lyingGestureIntroduce.suggestedText3") }}</div>
{{ $t("strings.lyingGestureIntroduce.suggestedText3") }}
</div>
</div> </div>
<div class="points-image"> <div class="points-image">
<img <img class="line" src="../assets/images/gesture/summary/summarylinelie3.png" />
class="line"
src="../assets/images/gesture/summary/summarylinelie3.png"
/>
</div> </div>
</div> </div>
<div class="summary-points points-4"> <div class="summary-points points-4">
<div class="points-content"> <div class="points-content">
<div class="no">4.</div> <div class="no">4.</div>
<div class="points-text"> <div class="points-text">{{ $t("strings.lyingGestureIntroduce.suggestedText4") }}</div>
{{ $t("strings.lyingGestureIntroduce.suggestedText4") }}
</div>
</div> </div>
<div class="points-image"> <div class="points-image">
<img <img class="line" src="../assets/images/gesture/summary/summarylinelie4.png" />
class="line"
src="../assets/images/gesture/summary/summarylinelie4.png"
/>
</div> </div>
</div> </div>
<div class="summary-points points-5"> <div class="summary-points points-5">
<div class="points-content"> <div class="points-content">
<div class="no">5.</div> <div class="no">5.</div>
<div class="points-text"> <div class="points-text">{{ $t("strings.lyingGestureIntroduce.suggestedText5") }}</div>
{{ $t("strings.lyingGestureIntroduce.suggestedText5") }}
</div>
</div> </div>
<div class="points-image"> <div class="points-image">
<img <img class="line" src="../assets/images/gesture/summary/summarylinelie5.png" />
class="line"
src="../assets/images/gesture/summary/summarylinelie5.png"
/>
</div> </div>
</div> </div>
</div> </div>
<div class="bottom-box"></div> <div class="bottom-box"></div>
<div class="botton-box" v-if="lying === 0"> <div class="botton-box" v-if="lying === 0">
<light-button <light-button :text="$t('strings.homeButtonText')" @click="clickAuthCamera"></light-button>
:text="$t('strings.homeButtonText')"
@click="clickAuthCamera"
></light-button>
<div class="tips-text"></div> <div class="tips-text"></div>
</div> </div>
<div class="botton-box" v-if="lying === 1"> <div class="botton-box" v-if="lying === 1">
<light-button <light-button :text="$t('strings.homeButtonText')" @click="clickAuthCamera"></light-button>
:text="$t('strings.homeButtonText')" <div class="tips-text">{{ $t("strings.lyingGestureIntroduce.tipsText") }}</div>
@click="clickAuthCamera"
></light-button>
<div class="tips-text">
{{ $t("strings.lyingGestureIntroduce.tipsText") }}
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -195,22 +115,11 @@ ...@@ -195,22 +115,11 @@
<div class="no_camera_dialog" v-if="showNoCameraDialog"> <div class="no_camera_dialog" v-if="showNoCameraDialog">
<div class="no_camera_dialog_mask"></div> <div class="no_camera_dialog_mask"></div>
<div class="no_camera_dialog_content"> <div class="no_camera_dialog_content">
<div class="no_camera_dialog_title"> <div class="no_camera_dialog_title">{{ $t("strings.cameraText") }}</div>
{{ $t("strings.cameraText") }} <div class="no_camera_dialog_text_content">{{ $t("strings.cameraText1") }}</div>
</div>
<div class="no_camera_dialog_text_content">
{{ $t("strings.cameraText1") }}
</div>
<div class="no_camera_dialog_button" @click="clickConfirm"> <div class="no_camera_dialog_button" @click="clickConfirm">
<img <img class="no_camera_dialog_button_bg" src="../assets/images/gesture/light-btn-bg.png" alt srcset />
class="no_camera_dialog_button_bg" <div class="no_camera_dialog_button_text">{{ $t("strings.cameraButtonText") }}</div>
src="../assets/images/gesture/light-btn-bg.png"
alt
srcset
/>
<div class="no_camera_dialog_button_text">
{{ $t("strings.cameraButtonText") }}
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -225,7 +134,7 @@ import { ...@@ -225,7 +134,7 @@ import {
isSmallScreen, isSmallScreen,
authCamera, authCamera,
isMobile, isMobile,
getSystemInfo, getSystemInfo
} from "../common/util"; } from "../common/util";
import lightButton from "../components/lightButton.vue"; import lightButton from "../components/lightButton.vue";
import DevicePixelRatio from "../utils/evicePixelRatio.js"; import DevicePixelRatio from "../utils/evicePixelRatio.js";
...@@ -281,11 +190,11 @@ export default { ...@@ -281,11 +190,11 @@ export default {
pageHeight: "", pageHeight: "",
_isMobile: false, _isMobile: false,
scale: 0, scale: 0,
lying: 0, lying: 0
}; };
}, },
components: { components: {
lightButton, lightButton
}, },
methods: { methods: {
clickGlobalPopup() { clickGlobalPopup() {
...@@ -336,7 +245,7 @@ export default { ...@@ -336,7 +245,7 @@ export default {
"随时点击右上角指导图示调整含乳姿势", "随时点击右上角指导图示调整含乳姿势",
"放松肩膀", "放松肩膀",
"妈妈抱宝宝的手，腰部和脚有支撑", "妈妈抱宝宝的手，腰部和脚有支撑",
"保持放松，直到哺乳结束", "保持放松，直到哺乳结束"
], ],
// 卧姿建议 // 卧姿建议
...@@ -348,12 +257,12 @@ export default { ...@@ -348,12 +257,12 @@ export default {
"随时点击右上角指导图示调整含乳姿势", "随时点击右上角指导图示调整含乳姿势",
"可用垫子支撑妈妈头部，但位置不宜过高", "可用垫子支撑妈妈头部，但位置不宜过高",
"可用靠垫支撑腰部、在两膝关节间放置垫子缓解压力", "可用靠垫支撑腰部、在两膝关节间放置垫子缓解压力",
"保持放松，直到哺乳结束", "保持放松，直到哺乳结束"
], ]
}, },
commonmemsg: { commonmemsg: {
initialMassage: initialMassage:
"请与屏幕保持1米左右距离使身体进入轮廓线，5秒后开始识别", "请与屏幕保持1米左右距离使身体进入轮廓线，5秒后开始识别"
}, },
sittingMsg: { sittingMsg: {
babyneckloc: "请用肘关节支撑宝宝颈部", babyneckloc: "请用肘关节支撑宝宝颈部",
...@@ -365,7 +274,7 @@ export default { ...@@ -365,7 +274,7 @@ export default {
downright: "请放低右手臂", downright: "请放低右手臂",
headupassdown: "请保持宝宝头部高于臀部", headupassdown: "请保持宝宝头部高于臀部",
babystright: "请保持宝宝耳肩臀在同一直线", babystright: "请保持宝宝耳肩臀在同一直线",
babyheadloc: "请确保宝宝头部正对妈妈乳房，不宜过高", babyheadloc: "请确保宝宝头部正对妈妈乳房，不宜过高"
}, },
sittingMsgPart: { sittingMsgPart: {
babyneckloc: "请用肘关节支撑宝宝颈部", babyneckloc: "请用肘关节支撑宝宝颈部",
...@@ -373,7 +282,7 @@ export default { ...@@ -373,7 +282,7 @@ export default {
babybackloc: "请将前臂顺着宝宝背部", babybackloc: "请将前臂顺着宝宝背部",
headupassdown: "请保持宝宝头部高于臀部", headupassdown: "请保持宝宝头部高于臀部",
babystright: "请保持宝宝耳肩臀在同一直线", babystright: "请保持宝宝耳肩臀在同一直线",
babyheadloc: "请确保宝宝头部正对妈妈乳房，不宜过高", babyheadloc: "请确保宝宝头部正对妈妈乳房，不宜过高"
}, },
lyingMsg: { lyingMsg: {
keepadpos: "请保持正侧面对宝宝", keepadpos: "请保持正侧面对宝宝",
...@@ -381,19 +290,19 @@ export default { ...@@ -381,19 +290,19 @@ export default {
babyhead: "请勿用手掌固定宝宝头部", babyhead: "请勿用手掌固定宝宝头部",
nobabyback: "请用手臂托住宝宝背部，确保彼此胸腹相贴", nobabyback: "请用手臂托住宝宝背部，确保彼此胸腹相贴",
babystright: "请保持宝宝耳肩臀在同一直线", babystright: "请保持宝宝耳肩臀在同一直线",
babyheadloc: "请确保宝宝头部正对妈妈乳房，不宜过高", babyheadloc: "请确保宝宝头部正对妈妈乳房，不宜过高"
}, },
lyingMsgPart: { lyingMsgPart: {
babyhead: "请勿用手掌固定宝宝头部", babyhead: "请勿用手掌固定宝宝头部",
nobabyback: "请用手臂托住宝宝背部，确保彼此胸腹相贴", nobabyback: "请用手臂托住宝宝背部，确保彼此胸腹相贴",
babystright: "请保持宝宝耳肩臀在同一直线", babystright: "请保持宝宝耳肩臀在同一直线",
babyheadloc: "请确保宝宝头部正对妈妈乳房，不宜过高", babyheadloc: "请确保宝宝头部正对妈妈乳房，不宜过高"
}, },
successmsg: { successmsg: {
recordMessage: "现在可以开始哺乳了！3秒后将自动开始计时", recordMessage: "现在可以开始哺乳了！3秒后将自动开始计时",
nobabyRecord: "您已掌握喂养姿势，期待您和宝宝一起来体验哺乳计时功能", nobabyRecord: "您已掌握喂养姿势，期待您和宝宝一起来体验哺乳计时功能",
suggest: "请及时点击右上角指导图示调整", suggest: "请及时点击右上角指导图示调整",
posSuccess: "您的姿势正确，请继续保持", posSuccess: "您的姿势正确，请继续保持"
}, },
strings: { strings: {
suggestTitle: "在开始哺乳的时候可以保持:", suggestTitle: "在开始哺乳的时候可以保持:",
...@@ -434,8 +343,8 @@ export default { ...@@ -434,8 +343,8 @@ export default {
errorTitle: "错误", errorTitle: "错误",
keyErrorText: "密钥禁止使用", keyErrorText: "密钥禁止使用",
originErrorText: "不允许CORS", originErrorText: "不允许CORS",
noCameraErrorText: "相机未授权", noCameraErrorText: "相机未授权"
}, }
}; };
let _englishLanguagePack = { let _englishLanguagePack = {
tipsString: { tipsString: {
...@@ -486,7 +395,7 @@ export default { ...@@ -486,7 +395,7 @@ export default {
"Tap top right icon to view more info", "Tap top right icon to view more info",
"Relax your shoulder", "Relax your shoulder",
"There should be support to your hand, waist and feet when holding baby", "There should be support to your hand, waist and feet when holding baby",
"Keep relaxed until the end of session", "Keep relaxed until the end of session"
], ],
// 卧姿建议 // 卧姿建议
...@@ -498,13 +407,13 @@ export default { ...@@ -498,13 +407,13 @@ export default {
"Click the guide icon in the upper right corner to adjust the breast holding position at any time", "Click the guide icon in the upper right corner to adjust the breast holding position at any time",
"Available cushion support mother's head, but the position should not be too high", "Available cushion support mother's head, but the position should not be too high",
"Use cushion to support waist, cushion is placed between two knee joints to relieve pressure", "Use cushion to support waist, cushion is placed between two knee joints to relieve pressure",
"Stay relaxed until the nursing is over", "Stay relaxed until the nursing is over"
], ]
}, },
commonmemsg: { commonmemsg: {
initialMassage: initialMassage:
"Keep one meter away from the camera, and fit your body into the guide line. Session starts in 5 seconds…", "Keep one meter away from the camera, and fit your body into the guide line. Session starts in 5 seconds…",
slogan: "", slogan: ""
}, },
sittingMsg: { sittingMsg: {
babyneckloc: "Make sure baby's neck is on your elbow", babyneckloc: "Make sure baby's neck is on your elbow",
...@@ -517,7 +426,7 @@ export default { ...@@ -517,7 +426,7 @@ export default {
headupassdown: headupassdown:
"Keep baby's head in higher position than the rest of the body", "Keep baby's head in higher position than the rest of the body",
babystright: "Keep baby's ear, shoulder and butt at the same level", babystright: "Keep baby's ear, shoulder and butt at the same level",
babyheadloc: "Make sure baby is facing the breast at proper height", babyheadloc: "Make sure baby is facing the breast at proper height"
}, },
sittingMsgPart: { sittingMsgPart: {
babyneckloc: "Make sure baby's neck is on your elbow", babyneckloc: "Make sure baby's neck is on your elbow",
...@@ -526,7 +435,7 @@ export default { ...@@ -526,7 +435,7 @@ export default {
headupassdown: headupassdown:
"Keep baby's head in higher position than the rest of the body", "Keep baby's head in higher position than the rest of the body",
babystright: "Keep baby's ear, shoulder and butt at the same level", babystright: "Keep baby's ear, shoulder and butt at the same level",
babyheadloc: "Make sure baby is facing the breast at proper height", babyheadloc: "Make sure baby is facing the breast at proper height"
}, },
lyingMsg: { lyingMsg: {
...@@ -538,7 +447,7 @@ export default { ...@@ -538,7 +447,7 @@ export default {
babystright: babystright:
"Please keep baby's ears, shoulders and hips in a straight line", "Please keep baby's ears, shoulders and hips in a straight line",
babyheadloc: babyheadloc:
"Please make sure the baby's head is facing the mother's breast, not too high", "Please make sure the baby's head is facing the mother's breast, not too high"
}, },
lyingMsgPart: { lyingMsgPart: {
babyhead: "Please do not use the palm to fix the baby's head", babyhead: "Please do not use the palm to fix the baby's head",
...@@ -547,7 +456,7 @@ export default { ...@@ -547,7 +456,7 @@ export default {
babystright: babystright:
"Please keep baby's ears, shoulders and hips in a straight line", "Please keep baby's ears, shoulders and hips in a straight line",
babyheadloc: babyheadloc:
"Please make sure the baby's head is facing the mother's breast, not too high", "Please make sure the baby's head is facing the mother's breast, not too high"
}, },
successmsg: { successmsg: {
recordMessage: recordMessage:
...@@ -555,7 +464,7 @@ export default { ...@@ -555,7 +464,7 @@ export default {
nobabyRecord: nobabyRecord:
"You have learned the correct posture. You may try this AI coach with your baby next time", "You have learned the correct posture. You may try this AI coach with your baby next time",
suggest: "Tap top right icon to view more info", suggest: "Tap top right icon to view more info",
posSuccess: "Your posture is correct. Please keep it going", posSuccess: "Your posture is correct. Please keep it going"
}, },
strings: { strings: {
suggestTitle: "During actual breastfeeding:", suggestTitle: "During actual breastfeeding:",
...@@ -606,8 +515,8 @@ export default { ...@@ -606,8 +515,8 @@ export default {
errorTitle: "Error", errorTitle: "Error",
keyErrorText: "Key Forbidden", keyErrorText: "Key Forbidden",
originErrorText: "Not allowed by CORS", originErrorText: "Not allowed by CORS",
noCameraErrorText: "Camera not detected", noCameraErrorText: "Camera not detected"
}, }
}; };
let _frenchLanguagePack = { let _frenchLanguagePack = {
tipsString: { tipsString: {
...@@ -659,7 +568,7 @@ export default { ...@@ -659,7 +568,7 @@ export default {
"Appuyez sur l'icône en haut à droite pour afficher plus d'informations", "Appuyez sur l'icône en haut à droite pour afficher plus d'informations",
"Détendez votre épaule", "Détendez votre épaule",
"Votre main, votre taille et vos pieds doivent être soutenus lorsque vous tenez bébé", "Votre main, votre taille et vos pieds doivent être soutenus lorsque vous tenez bébé",
"Restez détendu jusqu'à la fin de la séance", "Restez détendu jusqu'à la fin de la séance"
], ],
// 卧姿建议 // 卧姿建议
lyingSuggest: [ lyingSuggest: [
...@@ -670,12 +579,12 @@ export default { ...@@ -670,12 +579,12 @@ export default {
"Ajuster la posture contenant du lait en cliquant sur l’image supérieure droite à tout moment", "Ajuster la posture contenant du lait en cliquant sur l’image supérieure droite à tout moment",
"Coussin disponible pour soutenir la tête de maman, mais ne doit pas être placé trop haut", "Coussin disponible pour soutenir la tête de maman, mais ne doit pas être placé trop haut",
"Disponible avec un coussin pour soutenir la taille, un coussin placé entre les deux genoux pour soulager la pression", "Disponible avec un coussin pour soutenir la taille, un coussin placé entre les deux genoux pour soulager la pression",
"Restez détendu jusqu’à la fin de l’allaitement", "Restez détendu jusqu’à la fin de l’allaitement"
], ]
}, },
commonmemsg: { commonmemsg: {
initialMassage: initialMassage:
"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…", "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…"
}, },
sittingMsg: { sittingMsg: {
babyneckloc: "Assurez-vous que le cou de bébé est sur votre coude", babyneckloc: "Assurez-vous que le cou de bébé est sur votre coude",
...@@ -691,7 +600,7 @@ export default { ...@@ -691,7 +600,7 @@ export default {
babystright: babystright:
"Gardez l'oreille, l'épaule et les fesses de bébé au même niveau", "Gardez l'oreille, l'épaule et les fesses de bébé au même niveau",
babyheadloc: babyheadloc:
"Assurez-vous que bébé est face au sein à la bonne hauteur", "Assurez-vous que bébé est face au sein à la bonne hauteur"
}, },
sittingMsgPart: { sittingMsgPart: {
babyneckloc: "Assurez-vous que le cou de bébé est sur votre coude", babyneckloc: "Assurez-vous que le cou de bébé est sur votre coude",
...@@ -703,7 +612,7 @@ export default { ...@@ -703,7 +612,7 @@ export default {
babystright: babystright:
"Gardez l'oreille, l'épaule et les fesses de bébé au même niveau", "Gardez l'oreille, l'épaule et les fesses de bébé au même niveau",
babyheadloc: babyheadloc:
"Assurez-vous que bébé est face au sein à la bonne hauteur", "Assurez-vous que bébé est face au sein à la bonne hauteur"
}, },
lyingMsg: { lyingMsg: {
keepadpos: "S’il vous plaît garder le côté positif sur le bébé", keepadpos: "S’il vous plaît garder le côté positif sur le bébé",
...@@ -714,7 +623,7 @@ export default { ...@@ -714,7 +623,7 @@ export default {
babystright: babystright:
"S’il vous plaît garder bébé oreille épaule hanche dans la même ligne droite", "S’il vous plaît garder bébé oreille épaule hanche dans la même ligne droite",
babyheadloc: babyheadloc:
"S’il vous plaît assurez-vous que la tête du bébé est sur le sein de la mère, pas trop élevé", "S’il vous plaît assurez-vous que la tête du bébé est sur le sein de la mère, pas trop élevé"
}, },
lyingMsgPart: { lyingMsgPart: {
babyhead: "Ne pas fixer la tête de bébé avec la paume", babyhead: "Ne pas fixer la tête de bébé avec la paume",
...@@ -723,7 +632,7 @@ export default { ...@@ -723,7 +632,7 @@ export default {
babystright: babystright:
"S’il vous plaît garder bébé oreille épaule hanche dans la même ligne droite", "S’il vous plaît garder bébé oreille épaule hanche dans la même ligne droite",
babyheadloc: babyheadloc:
"S’il vous plaît assurez-vous que la tête du bébé est sur le sein de la mère, pas trop élevé", "S’il vous plaît assurez-vous que la tête du bébé est sur le sein de la mère, pas trop élevé"
}, },
successmsg: { successmsg: {
recordMessage: recordMessage:
...@@ -732,7 +641,7 @@ export default { ...@@ -732,7 +641,7 @@ export default {
"Vous avez appris la bonne posture. Vous pouvez essayer cet entraîneur AI avec votre bébé la prochaine fois", "Vous avez appris la bonne posture. Vous pouvez essayer cet entraîneur AI avec votre bébé la prochaine fois",
suggest: suggest:
"Appuyez sur l'icône en haut à droite pour afficher plus d'informations", "Appuyez sur l'icône en haut à droite pour afficher plus d'informations",
posSuccess: "Votre posture est correcte. Vous pouvez continuer", posSuccess: "Votre posture est correcte. Vous pouvez continuer"
}, },
strings: { strings: {
suggestTitle: "Pendant l'allaitement:", suggestTitle: "Pendant l'allaitement:",
...@@ -783,8 +692,8 @@ export default { ...@@ -783,8 +692,8 @@ export default {
errorTitle: "Erreur", errorTitle: "Erreur",
keyErrorText: "Interdire l'utilisation des clés", keyErrorText: "Interdire l'utilisation des clés",
originErrorText: "Cors not allowed", originErrorText: "Cors not allowed",
noCameraErrorText: "Caméra non détectée", noCameraErrorText: "Caméra non détectée"
}, }
}; };
let _spanishLanguagePack = { let _spanishLanguagePack = {
tipsString: { tipsString: {
...@@ -836,7 +745,7 @@ export default { ...@@ -836,7 +745,7 @@ export default {
"Toque el icono superior derecho para ver más información", "Toque el icono superior derecho para ver más información",
"Relaje su hombro", "Relaje su hombro",
"Debe haber apoyo en su mano, su cintura y sus pies al sostener al bebé", "Debe haber apoyo en su mano, su cintura y sus pies al sostener al bebé",
"Manténgase relajada hasta el final de la sesión", "Manténgase relajada hasta el final de la sesión"
], ],
// 卧姿建议 // 卧姿建议
lyingSuggest: [ lyingSuggest: [
...@@ -847,12 +756,12 @@ export default { ...@@ -847,12 +756,12 @@ export default {
"Haga clic en la ilustración superior derecha en cualquier momento para ajustar la postura con leche", "Haga clic en la ilustración superior derecha en cualquier momento para ajustar la postura con leche",
"La almohadilla está disponible para apoyar la cabeza de la mamá, pero la posición no debe ser demasiado alta", "La almohadilla está disponible para apoyar la cabeza de la mamá, pero la posición no debe ser demasiado alta",
"Disponible con cojines para apoyar la cintura, cojines entre las rodillas para aliviar la presión", "Disponible con cojines para apoyar la cintura, cojines entre las rodillas para aliviar la presión",
"Manténgase relajado hasta el final de la lactancia", "Manténgase relajado hasta el final de la lactancia"
], ]
}, },
commonmemsg: { commonmemsg: {
initialMassage: initialMassage:
"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...", "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..."
}, },
sittingMsg: { sittingMsg: {
babyneckloc: "Asegúrese de que el cuello del bebé esté sobre su codo", babyneckloc: "Asegúrese de que el cuello del bebé esté sobre su codo",
...@@ -868,7 +777,7 @@ export default { ...@@ -868,7 +777,7 @@ export default {
babystright: babystright:
"Por favor, mantenga el bebé orejas hombro cadera en la misma línea recta", "Por favor, mantenga el bebé orejas hombro cadera en la misma línea recta",
babyheadloc: babyheadloc:
"Por favor, asegúrese de que la cabeza del bebé está en el pecho de la madre, no debe ser demasiado alto", "Por favor, asegúrese de que la cabeza del bebé está en el pecho de la madre, no debe ser demasiado alto"
}, },
lyingMsgPart: { lyingMsgPart: {
babyhead: "No use la palma para fijar la cabeza del bebé", babyhead: "No use la palma para fijar la cabeza del bebé",
...@@ -877,7 +786,7 @@ export default { ...@@ -877,7 +786,7 @@ export default {
babystright: babystright:
"Por favor, mantenga el bebé orejas hombro cadera en la misma línea recta", "Por favor, mantenga el bebé orejas hombro cadera en la misma línea recta",
babyheadloc: babyheadloc:
"Por favor, asegúrese de que la cabeza del bebé está en el pecho de la madre, no debe ser demasiado alto", "Por favor, asegúrese de que la cabeza del bebé está en el pecho de la madre, no debe ser demasiado alto"
}, },
upleft: "Levante su brazo izquierdo", upleft: "Levante su brazo izquierdo",
upright: "Levante su brazo derecho", upright: "Levante su brazo derecho",
...@@ -888,7 +797,7 @@ export default { ...@@ -888,7 +797,7 @@ export default {
babystright: babystright:
"Mantenga la oreja, el hombro y el trasero del bebé al mismo nivel", "Mantenga la oreja, el hombro y el trasero del bebé al mismo nivel",
babyheadloc: babyheadloc:
"Asegúrese de que el bebé esté frente al pecho a la altura adecuada", "Asegúrese de que el bebé esté frente al pecho a la altura adecuada"
}, },
sittingMsgPart: { sittingMsgPart: {
babyneckloc: "Asegúrese de que el cuello del bebé esté sobre su codo", babyneckloc: "Asegúrese de que el cuello del bebé esté sobre su codo",
...@@ -900,7 +809,7 @@ export default { ...@@ -900,7 +809,7 @@ export default {
babystright: babystright:
"Mantenga la oreja, el hombro y el trasero del bebé al mismo nivel", "Mantenga la oreja, el hombro y el trasero del bebé al mismo nivel",
babyheadloc: babyheadloc:
"Asegúrese de que el bebé esté frente al pecho a la altura adecuada", "Asegúrese de que el bebé esté frente al pecho a la altura adecuada"
}, },
successmsg: { successmsg: {
recordMessage: recordMessage:
...@@ -908,7 +817,7 @@ export default { ...@@ -908,7 +817,7 @@ export default {
nobabyRecord: nobabyRecord:
"Ha aprendido la postura correcta. Puede probar este asistente de IA con su bebé la próxima vez", "Ha aprendido la postura correcta. Puede probar este asistente de IA con su bebé la próxima vez",
suggest: "Toque el icono superior derecho para ver más información", suggest: "Toque el icono superior derecho para ver más información",
posSuccess: "Su postura es correcta. Por favor, sigua así", posSuccess: "Su postura es correcta. Por favor, sigua así"
}, },
strings: { strings: {
suggestTitle: "Durante la lactancia real:", suggestTitle: "Durante la lactancia real:",
...@@ -957,8 +866,8 @@ export default { ...@@ -957,8 +866,8 @@ export default {
errorTitle: "Error", errorTitle: "Error",
keyErrorText: "Desactivar la clave", keyErrorText: "Desactivar la clave",
originErrorText: "CORS no permite", originErrorText: "CORS no permite",
noCameraErrorText: "Cámara no detectada", noCameraErrorText: "Cámara no detectada"
}, }
}; };
switch (this.currentLanguage) { switch (this.currentLanguage) {
case 0: case 0:
...@@ -989,7 +898,7 @@ export default { ...@@ -989,7 +898,7 @@ export default {
clickConfirm() { clickConfirm() {
this.showNoCameraDialog = false; this.showNoCameraDialog = false;
}, },
async clickAuthCamera(lying = 0) { async clickAuthCamera() {
this.setLanguagePack(); this.setLanguagePack();
if (this.showNoCameraDialog) { if (this.showNoCameraDialog) {
this.showNoCameraDialog = false; this.showNoCameraDialog = false;
...@@ -1004,7 +913,7 @@ export default { ...@@ -1004,7 +913,7 @@ export default {
let aiParams = { let aiParams = {
env: env, env: env,
apiKey: apiKey, apiKey: apiKey,
region: "apac", region: "apac"
}; };
localStorage.setItem("aiParams", JSON.stringify(aiParams)); localStorage.setItem("aiParams", JSON.stringify(aiParams));
let openDev = this.$route.query.openDev; let openDev = this.$route.query.openDev;
...@@ -1015,7 +924,7 @@ export default { ...@@ -1015,7 +924,7 @@ export default {
localStorage.setItem("incompleteUrl", document.URL); localStorage.setItem("incompleteUrl", document.URL);
let url = let url =
"https://bfai-service-apac-uat.d-lab-services.danone.com/sdk/#/?lying=" + "https://bfai-service-apac-uat.d-lab-services.danone.com/sdk/#/?lying=" +
lying; this.lying;
if (openDev) { if (openDev) {
url = url + "&openDev=true"; url = url + "&openDev=true";
} }
...@@ -1023,7 +932,7 @@ export default { ...@@ -1023,7 +932,7 @@ export default {
} else { } else {
this.showNoCameraDialog = true; this.showNoCameraDialog = true;
} }
}, }
}, },
created() { created() {
let lying = 0; // 默认0 为坐姿 let lying = 0; // 默认0 为坐姿
...@@ -1032,7 +941,7 @@ export default { ...@@ -1032,7 +941,7 @@ export default {
} }
this.lying = lying; this.lying = lying;
document.body.addEventListener("touchmove", handleTouchmove, { document.body.addEventListener("touchmove", handleTouchmove, {
passive: false, passive: false
}); //passive 参数不能省略，用来兼容ios和android }); //passive 参数不能省略，用来兼容ios和android
let { scale } = getSystemInfo(); let { scale } = getSystemInfo();
if (scale > 1 && scale < 2) { if (scale > 1 && scale < 2) {
...@@ -1086,9 +995,9 @@ export default { ...@@ -1086,9 +995,9 @@ export default {
}, },
unmounted() { unmounted() {
document.body.removeEventListener("touchmove", handleTouchmove, { document.body.removeEventListener("touchmove", handleTouchmove, {
passive: false, passive: false
}); });
}, }
}; };
</script> </script>
...@@ -1337,6 +1246,18 @@ export default { ...@@ -1337,6 +1246,18 @@ export default {
&.lie { &.lie {
.top-text { .top-text {
} }
.top-text-1 {
line-height: 14px;
margin: 0 auto 38px auto;
}
.points-content {
.points-text {
font-size: 10px;
line-height: 14px;
padding-top: 6px;
}
}
.top-text-1 { .top-text-1 {
font-size: 13px; font-size: 13px;
height: 128px; height: 128px;
...@@ -1359,9 +1280,8 @@ export default { ...@@ -1359,9 +1280,8 @@ export default {
left: 0; left: 0;
top: -69px; top: -69px;
.points-text { .points-text {
width: 89px; width: 129px;
} }
.points-image { .points-image {
position: absolute; position: absolute;
left: 25.5px; left: 25.5px;
...@@ -1393,13 +1313,13 @@ export default { ...@@ -1393,13 +1313,13 @@ export default {
width: 108px; width: 108px;
position: absolute; position: absolute;
right: 2.5px; right: 2.5px;
top: 0; top: 35.5px;
.points-text { .points-text {
width: 83px; width: 83px;
} }
.points-image { .points-image {
position: absolute; position: absolute;
top: 55.5px; top: 20px;
left: 8px; left: 8px;
} }
.line { .line {
...@@ -1768,9 +1688,19 @@ export default { ...@@ -1768,9 +1688,19 @@ export default {
&.lie { &.lie {
.top-text { .top-text {
} }
.top-text-1 { .top-text-1 {
font-size: 0.3467rem; font-size: 0.3467rem;
height: 3.4133rem; height: 3.4133rem;
line-height: 0.3733rem;
margin: 0 auto 1.0133rem auto;
}
.points-content {
.points-text {
font-size: 0.2667rem;
line-height: 0.3733rem;
padding-top: 0.16rem;
}
} }
.top-text-2 { .top-text-2 {
margin: 0 auto 2.5733rem auto; margin: 0 auto 2.5733rem auto;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment