From 2514f3e0b4a62a7425c1b95cbbf33989877eb758 Mon Sep 17 00:00:00 2001
From: kwx1085518 <kegui1@huawei.com>
Date: Mon, 30 May 2022 09:25:46 +0800
Subject: [PATCH 1/3] =?UTF-8?q?=E8=A1=80=E5=8E=8B=E6=A8=A1=E6=9D=BF?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E7=BB=B4=E8=AF=AD=E9=95=9C=E5=83=8F=E6=95=88?=
 =?UTF-8?q?=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 bloodPressureSampleCode/src/App.vue           | 20 ++++++----
 bloodPressureSampleCode/src/assets/base.css   | 10 +++++
 .../src/components/ConfirmModule.vue          | 13 +++++--
 .../src/components/ConnectModule.vue          |  4 +-
 .../src/components/HeadLine.vue               |  2 +-
 .../src/components/SelectModule.vue           |  2 +-
 bloodPressureSampleCode/src/main.js           |  2 +
 .../src/views/mainView.vue                    | 38 +++++++++++--------
 .../src/views/prepareMeasure.vue              |  8 ++--
 9 files changed, 65 insertions(+), 34 deletions(-)

diff --git a/bloodPressureSampleCode/src/App.vue b/bloodPressureSampleCode/src/App.vue
index 7a289cf..fa90b80 100644
--- a/bloodPressureSampleCode/src/App.vue
+++ b/bloodPressureSampleCode/src/App.vue
@@ -17,7 +17,7 @@
  <template>
     <div id="app" :style="customStyle">
         <div v-if="!logined" class="loading">
-            <img :src="loadingImg" class="loading_img"/>
+            <img :src="loadingImg" class="loading_img" :class="{'rtl-l': $rtl}"/>
         </div>
         <router-view v-else></router-view>
     </div>
@@ -43,37 +43,40 @@ export default {
                 "deviceName": "", // 可选
                 "uniqueId": "", // 设备获取
                 "sn": "", // 设备获取
-            },
+            }
         }
     },
     created() {
+        let htmlStyle = document.documentElement.style;
         if (window.isDark) {
-            document.documentElement.style.setProperty(
+            htmlStyle.setProperty(
                 "--bg-color",
                 "rgba(0,0,0,1)"
             );
-            document.documentElement.style.setProperty(
+            htmlStyle.setProperty(
                 "--text-color",
                 "rgba(255,255,255,0.6)"
             );
-            document.documentElement.style.setProperty(
+            htmlStyle.setProperty(
                 "--border-color",
                 "rgba(255,255,255,0.1)"
             );
         } else {
-            document.documentElement.style.setProperty(
+            htmlStyle.setProperty(
                 "--bg-color",
                 "rgba(241,243,245,1)"
             );
-            document.documentElement.style.setProperty(
+            htmlStyle.setProperty(
                 "--text-color",
                 "#000000"
             );
-            document.documentElement.style.setProperty(
+            htmlStyle.setProperty(
                 "--border-color",
                 "rgba(0,0,0,0.1)"
             );
         }
+
+        if(this.$rtl) htmlStyle.setProperty("transform", "scaleX(-1)");
     },
     mounted() {
         login()
@@ -183,5 +186,6 @@ html,
 body {
     height: 100%;
     width: 100%;
+    overflow: hidden;
 }
 </style>
diff --git a/bloodPressureSampleCode/src/assets/base.css b/bloodPressureSampleCode/src/assets/base.css
index a08ff78..4a4084c 100644
--- a/bloodPressureSampleCode/src/assets/base.css
+++ b/bloodPressureSampleCode/src/assets/base.css
@@ -80,4 +80,14 @@ button{
 	width: 100%;
     border-bottom: 1px solid var(--border-color);
     transform: scaleY(.5);
+}
+
+/* 镜像处理 */
+.rtl-l{
+	transform: scaleX(-1);
+}
+
+/* 文字右对齐 */
+.text-r{
+	text-align: right;
 }
\ No newline at end of file
diff --git a/bloodPressureSampleCode/src/components/ConfirmModule.vue b/bloodPressureSampleCode/src/components/ConfirmModule.vue
index 9c206b3..09addc3 100644
--- a/bloodPressureSampleCode/src/components/ConfirmModule.vue
+++ b/bloodPressureSampleCode/src/components/ConfirmModule.vue
@@ -19,11 +19,18 @@
         <div class="masking"></div>
         <div class="dialog" :style="{ 'background-color': background }">
             <p class="confirm_title" v-if="confirmObj.title">{{ confirmObj.title || '' }}</p>
-            <p class="confirm_tips">{{ confirmObj.tips }}</p>
+            <p class="confirm_tips" :class="{'rtl-l': $rtl}">{{ confirmObj.tips }}</p>
             <div class="btn_line">
-                <button class="btn" :style="{ 'background-color': background }" @click="cancel" v-if="!confirmObj.singleBtn">{{ confirmObj.cancelWord }}</button>
+                <button class="btn" :class="{'rtl-l': $rtl}"
+                    :style="{ 'background-color': background }"
+                    @click="cancel"
+                    v-if="!confirmObj.singleBtn"
+                >{{ confirmObj.cancelWord }}</button>
                 <span class="devider" v-if="!confirmObj.singleBtn"></span>
-                <button class="btn" :style="{ 'background-color': background }" @click="sureClick">{{ confirmObj.sureWord }}</button>
+                <button class="btn" :class="{'rtl-l': $rtl}"
+                    :style="{ 'background-color': background }"
+                    @click="sureClick"
+                >{{ confirmObj.sureWord }}</button>
             </div>
         </div>
     </div>
diff --git a/bloodPressureSampleCode/src/components/ConnectModule.vue b/bloodPressureSampleCode/src/components/ConnectModule.vue
index 8309b51..84c8b96 100644
--- a/bloodPressureSampleCode/src/components/ConnectModule.vue
+++ b/bloodPressureSampleCode/src/components/ConnectModule.vue
@@ -18,8 +18,8 @@
 <template>
   	<div class="connect_root" :style="{ 'background-color': background }">
 		<div class="connected_root">
-			<span class="connected_one">{{ $t('bloodPressure_bound') }}</span>
-			<span class="connected_two" @click="startMeasure">{{ $t('bloodPressure_begin_measure') }}</span>
+			<span class="connected_one" :class="{'rtl-l': $rtl}">{{ $t('bloodPressure_bound') }}</span>
+			<span class="connected_two" :class="{'rtl-l': $rtl}" @click="startMeasure">{{ $t('bloodPressure_begin_measure') }}</span>
 		</div>
 	</div>
 </template>
diff --git a/bloodPressureSampleCode/src/components/HeadLine.vue b/bloodPressureSampleCode/src/components/HeadLine.vue
index 500c57a..f7daebb 100644
--- a/bloodPressureSampleCode/src/components/HeadLine.vue
+++ b/bloodPressureSampleCode/src/components/HeadLine.vue
@@ -20,7 +20,7 @@
         <div class="left" @click="backClick">
             <img class="icon" :src="backIcon" >
         </div>
-        <div class="head_name">{{ headName }}</div>
+        <div class="head_name" :class="{'rtl-l text-r': $rtl}">{{ headName }}</div>
         <div
             class="right"
             v-if="setBtn"
diff --git a/bloodPressureSampleCode/src/components/SelectModule.vue b/bloodPressureSampleCode/src/components/SelectModule.vue
index 894150b..7db7e0e 100644
--- a/bloodPressureSampleCode/src/components/SelectModule.vue
+++ b/bloodPressureSampleCode/src/components/SelectModule.vue
@@ -18,7 +18,7 @@
 <template>
     <div class="select_line" v-show="showGears" :style="selectStyle">
         <p
-            class="option_line" :class="{light: item.actived}"
+            class="option_line" :class="{light: item.actived, 'rtl-l text-r': $rtl}"
             v-for="(item, i) in optionList" :key="i"
             @click.stop="chooseOption(i)"
         >
diff --git a/bloodPressureSampleCode/src/main.js b/bloodPressureSampleCode/src/main.js
index 531d64c..c1e7012 100644
--- a/bloodPressureSampleCode/src/main.js
+++ b/bloodPressureSampleCode/src/main.js
@@ -49,6 +49,8 @@ const messages = {
 };
 const defaultLocale = 'zh_CN'
 var locale = jsInjection.getLocale() // 语言标识
+Vue.prototype.$rtl = ['ug_CN', 'ug'].includes(locale);  //  ug维吾尔语为RTL语言，需要做镜像处理
+
 var localeFounded = false
 for (var prop in messages) {
     if (locale === prop) {
diff --git a/bloodPressureSampleCode/src/views/mainView.vue b/bloodPressureSampleCode/src/views/mainView.vue
index 251d884..f978249 100644
--- a/bloodPressureSampleCode/src/views/mainView.vue
+++ b/bloodPressureSampleCode/src/views/mainView.vue
@@ -36,14 +36,14 @@
                 :style="syncCloudStyle"
                 v-if="showSyncCloudTips"
             >
-                <p class="sync_cloud_tips">有血压数据同步至运动健康，可前往“健康”>“血压”查看详情。</p>
+                <p class="sync_cloud_tips" :class="{'rtl-l text-r': $rtl}">有血压数据同步至运动健康，可前往“健康”>“血压”查看详情</p>
                 <div class="sync_cloud_button">
-                    <span @click="cancelView">取消</span>
-                    <span @click="goPage">立即前往</span>
+                    <span @click="cancelView" :class="{'rtl-l': $rtl}">取消</span>
+                    <span @click="goPage" :class="{'rtl-l': $rtl}">立即前往</span>
                 </div>
             </div>
             <div class="device_img_line">
-                <img class="device_img" src="@/assets/image/device.png" />
+                <img class="device_img" :class="{'rtl-l': $rtl}" src="@/assets/image/device.png" />
             </div>
             <ConnectModule @startMeasure="startMeasure" />
 
@@ -53,7 +53,7 @@
                     class="last_measure_line0"
                     @click="goBloodPressureDataPage"
                 >
-                    <p class="left">{{ $t('bloodPressure_last_measure') }}</p>
+                    <p class="left" :class="{'rtl-l': $rtl}">{{ $t('bloodPressure_last_measure') }}</p>
                     <div class="right">
                         <span>{{ measureTime }}</span>
                         <img :src="rightIcon" />
@@ -61,27 +61,27 @@
                 </div>
                 <div class="last_measure_line1">
                     <div class="mesasure_data">
-                        <p>血压</p>
+                        <p :class="{'rtl-l': $rtl}">{{$t('bloodPressure_blood_pressure')}}</p>
                         <p class="mesasure_data_num">
-                            <span class="num">{{ sampleData.highPressure }}/{{ sampleData.lowPressure }}</span>
-                            <span class="unit">mmHg</span>
+                            <span class="num" :class="{'rtl-l': $rtl}">{{mesasureData}}</span>
+                            <span class="unit" :class="{'rtl-l': $rtl}">mmHg</span>
                         </p>
-                        <p class="mesasure_data_type" :style="{'color':bpCategoryColor()}">{{ bloodPressureCategory() }}</p>
+                        <p class="mesasure_data_type" :class="{'rtl-l': $rtl}" :style="{'color':bpCategoryColor()}">{{ bloodPressureCategory() }}</p>
                     </div>
                     <div class="devider"></div>
                     <div class="mesasure_data">
-                        <p>脉率</p>
+                        <p :class="{'rtl-l': $rtl}">{{$t('bloodPressure_pulse')}}</p>
                         <p class="mesasure_data_num">
-                            <span class="num">{{ sampleData.pulseRate }}</span>
-                            <span class="unit">bpm</span>
+                            <span class="num" :class="{'rtl-l': $rtl}">{{ sampleData.pulseRate }}</span>
+                            <span class="unit" :class="{'rtl-l': $rtl}">bpm</span>
                         </p>
                     </div>
                 </div>
             </div>
 
             <div class="usage_guide" :style="{'background-color': background}">
-                <span>{{ $t('bloodPressure_usage_guide') }}</span>
-                <img src="@/assets/image/guide.png" />
+                <span :class="{'rtl-l': $rtl}">{{ $t('bloodPressure_usage_guide') }}</span>
+                <img :class="{'rtl-l': $rtl}" src="@/assets/image/guide.png" />
             </div>
         </div>
         <div class="toast" v-if="!networkConnected">
@@ -123,7 +123,8 @@ export default {
             syncCloudStyle: {
                 background: window.isDark ? '#363636' : '#f2f2f2',
                 color: window.isDark ? '#fff' : '#000'
-            }
+            },
+            mesasureData: ''
         };
     },
     computed: {
@@ -135,6 +136,7 @@ export default {
                 this.showConfirm = true;
                 this.showSyncCloudTips = true;
                 const { highPressure, lowPressure } = this.sampleData;
+                this.mesasureData = `${highPressure}/${lowPressure}`;
                 const {
                     BLOOD_PRESSURE_LOW,
                     BLOOD_PRESSURE_NORMAL,
@@ -324,11 +326,13 @@ export default {
     opacity: 0.9;
     font-family: HarmonyOSCondensedClockProportional-Medium;
     font-size: 2.4rem;
+    display: inline-block;
 }
 
 .mesasure_data_num .unit {
     opacity: 0.6;
     margin-left: 0.2rem;
+    display: inline-block;
 }
 
 .mesasure_data_type {
@@ -392,4 +396,8 @@ export default {
 .sync_cloud_button span:last-child{
     margin-left: 2.4rem;
 }
+
+.sync_cloud_button span{
+    display: inline-block;
+}
 </style>
\ No newline at end of file
diff --git a/bloodPressureSampleCode/src/views/prepareMeasure.vue b/bloodPressureSampleCode/src/views/prepareMeasure.vue
index 3d5a71a..1f7c66e 100644
--- a/bloodPressureSampleCode/src/views/prepareMeasure.vue
+++ b/bloodPressureSampleCode/src/views/prepareMeasure.vue
@@ -23,17 +23,17 @@
             @backClick="backClick"
         />
 
-        <div class="measure_container" :style="style">
+        <div class="measure_container" :class="{'rtl-l': $rtl}" :style="style">
             <div class="device_icon">
                 <img src="@/assets/image/device.png">
             </div>
-            <p class="measure_tip">准备测量</p>
-            <div class="guidance">
+            <p class="measure_tip">{{$t('bloodPressure_prepare_measure')}}</p>
+            <div class="guidance" :class="{'text-r': $rtl}">
                 <p>1、建议静坐5分钟后开始测量</p>
                 <p>2、佩戴袖带时，袖带中间与心脏齐平</p>
                 <p>3、按设备用户1键或者2键开始测量</p>
             </div>
-            <p class="foot_tip">请在设备侧开始测量</p>
+            <p class="foot_tip">{{$t('bloodPressure_measure_tips')}}</p>
         </div>
     </div>
 </template>
-- 
Gitee


From edd0c37655cf154daaf379892535be015c12eecc Mon Sep 17 00:00:00 2001
From: kwx1085518 <kegui1@huawei.com>
Date: Mon, 30 May 2022 09:47:42 +0800
Subject: [PATCH 2/3] =?UTF-8?q?=E7=AD=8B=E8=86=9C=E6=9E=AA=E6=A8=A1?=
 =?UTF-8?q?=E6=9D=BF=E6=B7=BB=E5=8A=A0=E7=BB=B4=E8=AF=AD=E9=95=9C=E5=83=8F?=
 =?UTF-8?q?=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 fascialGunSampleCode/src/App.vue              | 18 +++++++-----
 fascialGunSampleCode/src/assets/base.css      | 10 +++++++
 .../src/components/AICourses.vue              |  4 ++-
 .../src/components/AnalysisResults.vue        | 28 +++++++++++--------
 .../src/components/CircleProgress.vue         |  1 +
 .../src/components/ConnectModule.vue          | 16 +++++------
 .../src/components/ExerciseData.vue           |  8 +++---
 .../src/components/HeadLine.vue               |  2 +-
 .../src/components/Loading.vue                |  4 +--
 .../src/components/MiddleModule.vue           |  8 ++++--
 .../src/components/ModeSelection.vue          |  4 +--
 .../src/components/ProgramIntroduce.vue       |  6 ++--
 .../src/components/RecommendUsage.vue         | 22 +++++++--------
 .../src/components/SelectModule.vue           |  2 +-
 .../src/components/TopRecommend.vue           |  6 ++--
 .../src/components/VersionModule.vue          |  4 +--
 fascialGunSampleCode/src/main.js              |  2 ++
 .../src/views/aiRecommend.vue                 |  2 +-
 fascialGunSampleCode/src/views/mainView.vue   |  2 +-
 .../src/views/massageRecords.vue              | 15 +++++++---
 fascialGunSampleCode/src/views/modeView.vue   |  4 +--
 fascialGunSampleCode/src/views/upgrade.vue    | 14 +++++-----
 .../src/views/versionView.vue                 | 13 +++++----
 23 files changed, 117 insertions(+), 78 deletions(-)

diff --git a/fascialGunSampleCode/src/App.vue b/fascialGunSampleCode/src/App.vue
index fd3158e..147d2ee 100644
--- a/fascialGunSampleCode/src/App.vue
+++ b/fascialGunSampleCode/src/App.vue
@@ -17,7 +17,7 @@
  <template>
     <div id="app" :style="customStyle">
         <div v-if="!logined" class="loading">
-            <img :src="loadingImg" class="loading_img"/>
+            <img :src="loadingImg" class="loading_img" :class="{'rtl-l': $rtl}"/>
         </div>
         <router-view v-else></router-view>
     </div>
@@ -37,33 +37,36 @@ export default {
         }
     },
     created() {
+        let htmlStyle = document.documentElement.style;
         if (window.isDark) {
-            document.documentElement.style.setProperty(
+            htmlStyle.setProperty(
                 "--bg-color",
                 "rgba(0,0,0,1)"
             );
-            document.documentElement.style.setProperty(
+            htmlStyle.setProperty(
                 "--text-color",
                 "rgba(255,255,255,0.6)"
             );
-            document.documentElement.style.setProperty(
+            htmlStyle.setProperty(
                 "--border-color",
                 "rgba(255,255,255,0.1)"
             );
         } else {
-            document.documentElement.style.setProperty(
+            htmlStyle.setProperty(
                 "--bg-color",
                 "rgba(241,243,245,1)"
             );
-            document.documentElement.style.setProperty(
+            htmlStyle.setProperty(
                 "--text-color",
                 "#000000"
             );
-            document.documentElement.style.setProperty(
+            htmlStyle.setProperty(
                 "--border-color",
                 "rgba(0,0,0,0.1)"
             );
         }
+
+        if(this.$rtl) htmlStyle.setProperty("transform", "scaleX(-1)");
     },
     mounted() {
         window.BasicLib.account
@@ -100,5 +103,6 @@ html,
 body {
     height: 100%;
     width: 100%;
+    overflow: hidden;
 }
 </style>
diff --git a/fascialGunSampleCode/src/assets/base.css b/fascialGunSampleCode/src/assets/base.css
index a08ff78..4a4084c 100644
--- a/fascialGunSampleCode/src/assets/base.css
+++ b/fascialGunSampleCode/src/assets/base.css
@@ -80,4 +80,14 @@ button{
 	width: 100%;
     border-bottom: 1px solid var(--border-color);
     transform: scaleY(.5);
+}
+
+/* 镜像处理 */
+.rtl-l{
+	transform: scaleX(-1);
+}
+
+/* 文字右对齐 */
+.text-r{
+	text-align: right;
 }
\ No newline at end of file
diff --git a/fascialGunSampleCode/src/components/AICourses.vue b/fascialGunSampleCode/src/components/AICourses.vue
index c72a8e6..30f16ec 100644
--- a/fascialGunSampleCode/src/components/AICourses.vue
+++ b/fascialGunSampleCode/src/components/AICourses.vue
@@ -17,7 +17,9 @@
 <!-- AI智能课程 -->
 <template>
     <div class="Ai_container" @click="toAiClick" :style="{ 'background-color': background }">
-        <p class="title" :class="{grayStyle: !connected}">AI智能课程</p>
+        <p class="title" :class="{grayStyle: !connected, 'rtl-l text-r': $rtl}">
+            {{$t('BDT_fascialgun_course_recommendation')}}
+        </p>
         <img class="right_icon" :class="{grayStyle: !connected}" :src="rightIcon">
     </div>
 </template>
diff --git a/fascialGunSampleCode/src/components/AnalysisResults.vue b/fascialGunSampleCode/src/components/AnalysisResults.vue
index f296c19..0462730 100644
--- a/fascialGunSampleCode/src/components/AnalysisResults.vue
+++ b/fascialGunSampleCode/src/components/AnalysisResults.vue
@@ -17,8 +17,8 @@
 <!-- 智能推荐分析结果模块 -->
 <template>
     <div class="analysis_container" :style="{ 'background-color': background }">
-        <span class="analysis_resul_title">分析结果</span>
-        <span class="analysis_result_content">{{ analysisContent }}</span>
+        <span class="analysis_resul_title" :class="{'rtl-l text-r': $rtl}">分析结果</span>
+        <span class="analysis_result_content" :class="{'rtl-l text-r': $rtl}">{{ analysisContent }}</span>
         <div class="analysis_result">
             <div class="analysis_body">
                 <div class="analysis_body_img">
@@ -33,34 +33,37 @@
             </div>
             <div class="analysis_result_msg" v-if="hasResult">
                 <img
+                    :class="{'rtl-l text-r': $rtl}"
                     style="width: 2.4rem; height: 2.4rem"
                     :src="runningIcon"
                 />
                 <div class="analysis_result_msg_middle">
-                    <span class="analysis_result_msg_middle_text">{{
-                        analysisData.distances
-                    }}</span>
+                    <p class="analysis_result_msg_middle_text">
+                        <span :class="{'rtl-l text-r': $rtl}">{{ analysisData.distances }}</span>
+                        <span :class="{'rtl-l text-r': $rtl}">公里</span>
+                    </p>
                     <div class="analysis_result_msg_middle_div">
                         <img
+                            :class="{'rtl-l': $rtl}"
                             style="width: 1.6rem; height: 1.6rem"
                             :src="speedIcon"
                         />
-                        <span class="analysis_result_msg_middle_text1">{{
+                        <span class="analysis_result_msg_middle_text1" :class="{'rtl-l': $rtl}">{{
                             analysisData.duration
                         }}</span>
                         <img
+                            :class="{'rtl-l text-r': $rtl}"
                             style="width: 1.6rem; height: 1.6rem; margin-left: 1.67rem;"
                             :src="durationIcon"
                         />
-                        <span class="analysis_result_msg_middle_text1">{{
+                        <span class="analysis_result_msg_middle_text1" :class="{'rtl-l': $rtl}">{{
                             analysisData.plannedDistance
                         }}</span>
-                        <span class="analysis_result_msg_middle_text2"
-                            >公里</span
+                        <span class="analysis_result_msg_middle_text2" :class="{'rtl-l text-r': $rtl}">公里</span
                         >
                     </div>
                 </div>
-                <span class="analysis_result_msg_middle_text3">{{
+                <span class="analysis_result_msg_middle_text3" :class="{'rtl-l': $rtl}">{{
                     analysisData.times
                 }}</span>
             </div>
@@ -96,7 +99,7 @@ export default {
                     // 运动类型
                     type: "running",
                     // 运动距离
-                    distances: "9.2公里",
+                    distances: "9.2",
                     // 运动时间
                     duration: "00:39:15",
                     // 计划距离
@@ -185,6 +188,9 @@ export default {
     font-size: 1.6rem;
     line-height: 1.75;
 }
+.analysis_result_msg_middle_text span{
+    display: inline-block;
+}
 .analysis_result_msg_middle_text1 {
     opacity: 0.6;
     font-weight: 400;
diff --git a/fascialGunSampleCode/src/components/CircleProgress.vue b/fascialGunSampleCode/src/components/CircleProgress.vue
index 226446e..8730af1 100644
--- a/fascialGunSampleCode/src/components/CircleProgress.vue
+++ b/fascialGunSampleCode/src/components/CircleProgress.vue
@@ -21,6 +21,7 @@
         class="canvas"
         :width="canvasWidth"
         :height="canvasWidth"
+        :class="{'rtl-l': $rtl}"
     >
     </canvas>
 </template>
diff --git a/fascialGunSampleCode/src/components/ConnectModule.vue b/fascialGunSampleCode/src/components/ConnectModule.vue
index c878116..78e4caa 100644
--- a/fascialGunSampleCode/src/components/ConnectModule.vue
+++ b/fascialGunSampleCode/src/components/ConnectModule.vue
@@ -18,20 +18,20 @@
 <template>
   	<div class="connect_root" :style="{ 'background-color': background }">
 		<div class="connected_root" v-show="connectStatus == '0'">
-			<span class="connected_one">{{ $t('BDT_fascialgun_connect_fail') }}</span>
-			<span class="connected_two" @click="reconnectClick">{{ $t('BDT_fascialgun_reconnect') }}</span>
+			<span class="connected_one" :class="{'rtl-l text-r': $rtl}">{{ $t('BDT_fascialgun_connect_fail') }}</span>
+			<span class="connected_two" :class="{'rtl-l': $rtl}" @click="reconnectClick">{{ $t('BDT_fascialgun_reconnect') }}</span>
 		</div>
 		<div class="connected_root" v-show="connectStatus == '1'">
-			<span class="connected_one">{{ $t('BDT_fascialgun_connecting') }}</span>
-			<img class="right_icon" :src="loading_img" >
+			<span class="connected_one" :class="{'rtl-l text-r': $rtl}">{{ $t('BDT_fascialgun_connecting') }}</span>
+			<img class="right_icon" :class="{'rtl-l': $rtl}" :src="loading_img" >
 		</div>
 		<div class="connected_root" v-show="connectStatus == '2' && !runStatus">
-			<span class="connected_one">{{ $t('BDT_fascialgun_connected') }}</span>
-			<img class="right_icon" @click="runClick" src="@/assets/image/ic_start.png">
+			<span class="connected_one" :class="{'rtl-l text-r': $rtl}">{{ $t('BDT_fascialgun_connected') }}</span>
+			<img class="right_icon" :class="{'rtl-l': $rtl}" @click="runClick" src="@/assets/image/ic_start.png">
 		</div>
 		<div class="connected_root" v-show="connectStatus == '2' && runStatus">
-			<span class="connected_one">{{ $t('BDT_fascialgun_runing') }}</span>
-			<img class="right_icon" @click="runClick" src="@/assets/image/ic_pause.png">
+			<span class="connected_one" :class="{'rtl-l text-r': $rtl}">{{ $t('BDT_fascialgun_running') }}</span>
+			<img class="right_icon" :class="{'rtl-l': $rtl}" @click="runClick" src="@/assets/image/ic_pause.png">
 		</div>
 	</div>
 </template>
diff --git a/fascialGunSampleCode/src/components/ExerciseData.vue b/fascialGunSampleCode/src/components/ExerciseData.vue
index 75df23a..c1e2bdd 100644
--- a/fascialGunSampleCode/src/components/ExerciseData.vue
+++ b/fascialGunSampleCode/src/components/ExerciseData.vue
@@ -17,14 +17,14 @@
 <!-- 运动时间、电量 -->
 <template>
     <div class="exercise_container" :style="{ 'background-color': background }">
-        <div class="left" :class="{grayStyle: !connected}">
-            <p class="value">{{ lastData.exerciseTime }}</p>
+        <div class="left" :class="{grayStyle: !connected, 'rtl-l text-r': $rtl}">
+            <p class="value">00:00:26</p>
             <p class="desc">{{ $t('BDT_fascialgun_running_time') }}</p>
         </div>
         <div class="divider" :class="{grayStyle: !connected}"></div>
-        <div class="right" :class="{grayStyle: !connected}">
+        <div class="right" :class="{grayStyle: !connected, 'rtl-l': $rtl}">
             <div>
-                <span class="value">{{ lastData.batteryLevel }}</span>
+                <span class="value">100</span>
                 <span class="unit">%</span>
             </div>
             <div class="desc">{{ $t('BDT_fascialgun_battery_level') }}</div>
diff --git a/fascialGunSampleCode/src/components/HeadLine.vue b/fascialGunSampleCode/src/components/HeadLine.vue
index 633f5cb..2eecb95 100644
--- a/fascialGunSampleCode/src/components/HeadLine.vue
+++ b/fascialGunSampleCode/src/components/HeadLine.vue
@@ -20,7 +20,7 @@
         <div class="left" @click="backClick">
             <img class="icon" :src="backIcon" >
         </div>
-        <div class="head_name">{{ headName }}</div>
+        <div class="head_name" :class="{'rtl-l text-r': $rtl}">{{ headName }}</div>
         <div
             class="right"
             v-if="setBtn"
diff --git a/fascialGunSampleCode/src/components/Loading.vue b/fascialGunSampleCode/src/components/Loading.vue
index 2e43788..923ff36 100644
--- a/fascialGunSampleCode/src/components/Loading.vue
+++ b/fascialGunSampleCode/src/components/Loading.vue
@@ -17,8 +17,8 @@
 <!-- 数据加载页面 -->
 <template>
     <div class="loading_container">
-        <img class="loading_img" :src="loading_img" />
-        <span class="loading_text">分析中</span>
+        <img class="loading_img" :class="{'rtl-l': $rtl}" :src="loading_img" />
+        <span class="loading_text" :class="{'rtl-l': $rtl}">分析中</span>
     </div>
 </template>
 
diff --git a/fascialGunSampleCode/src/components/MiddleModule.vue b/fascialGunSampleCode/src/components/MiddleModule.vue
index 81b489b..1213ad6 100644
--- a/fascialGunSampleCode/src/components/MiddleModule.vue
+++ b/fascialGunSampleCode/src/components/MiddleModule.vue
@@ -21,8 +21,12 @@
             :style="{ 'background-color': background }"
             @click.stop="showGearsClick"
         >
-            <span class="middle_one" :class="{grayStyle: !connected || strengthGray || !runStatus}">{{ info.msg }}</span>
-            <img class="middle_two" :class="{grayStyle: !connected || strengthGray || !runStatus}" :src="info.img" />
+            <span class="middle_one"
+                :class="{grayStyle: !connected || strengthGray || !runStatus, 'rtl-l text-r': $rtl}"
+            >{{ info.msg }}</span>
+            <img class="middle_two"
+                :class="{grayStyle: !connected || strengthGray || !runStatus, 'rtl-l': $rtl}"
+                :src="info.img" />
         </div>
         <SelectModule 
             :showGears="showGears"
diff --git a/fascialGunSampleCode/src/components/ModeSelection.vue b/fascialGunSampleCode/src/components/ModeSelection.vue
index e5b7a0d..c42dd82 100644
--- a/fascialGunSampleCode/src/components/ModeSelection.vue
+++ b/fascialGunSampleCode/src/components/ModeSelection.vue
@@ -18,7 +18,7 @@
 <template>
     <div class="mode_container" :style="{ 'background-color': background }">
         <div class="line0" v-if="modeBtn" @click="modeClick">
-            <p class="title" :class="{grayStyle: !connected}">模式选择</p>
+            <p class="title" :class="{grayStyle: !connected, 'rtl-l text-r': $rtl}">{{$t('BDT_fascialgun_mode_select')}}</p>
             <img class="right_icon" :class="{grayStyle: !connected}" :src="rightIcon">
         </div>
 
@@ -27,7 +27,7 @@
                 class="mode_option"
                 v-for="(item, i) in modeList" :key="i"
                 @click="chooseMode(i)"
-                :class="{grayStyle: !connected}"
+                :class="{grayStyle: !connected, 'rtl-l': $rtl}"
             >
                 <img class="mode_icon"
                     :src="iconSwitch(item)">
diff --git a/fascialGunSampleCode/src/components/ProgramIntroduce.vue b/fascialGunSampleCode/src/components/ProgramIntroduce.vue
index 68db95f..07db32d 100644
--- a/fascialGunSampleCode/src/components/ProgramIntroduce.vue
+++ b/fascialGunSampleCode/src/components/ProgramIntroduce.vue
@@ -17,16 +17,18 @@
 <!-- 程序介绍 -->
 <template>
     <div class="program_introduce_container" :style="{ 'background-color': background }">
-        <p class="title">{{ textObj.title }}</p>
+        <p class="title" :class="{'rtl-l text-r': $rtl}">{{ textObj.title }}</p>
         <p
             class="content"
+            :class="{'rtl-l text-r': $rtl}"
             v-for="(item, i) in textObj.tips"
             :key="i"
         >{{ item.value }}</p>
         <div class="update_box" v-if="textObj.content">
-            <p class="update_box_title">更新内容</p>
+            <p class="update_box_title" :class="{'rtl-l text-r': $rtl}">更新内容</p>
             <p
                 class="content"
+                :class="{'rtl-l text-r': $rtl}"
                 v-for="(val, index) in textObj.content"
                 :key="index"
             >{{ val.value }}</p>
diff --git a/fascialGunSampleCode/src/components/RecommendUsage.vue b/fascialGunSampleCode/src/components/RecommendUsage.vue
index 9b518f0..73771e0 100644
--- a/fascialGunSampleCode/src/components/RecommendUsage.vue
+++ b/fascialGunSampleCode/src/components/RecommendUsage.vue
@@ -17,28 +17,28 @@
 <!-- 推荐使用方法 -->
 <template>
     <div class="user_method_container" :style="{ 'background-color': background }">
-        <p class="usage_head">推荐使用方法</p>
+        <p class="usage_head" :class="{'rtl-l text-r': $rtl}">推荐使用方法</p>
         <div class="massage_tips_line">
-            <p class="types_line">请根据自身喜好选择按摩头</p>
+            <p :class="{'rtl-l text-r': $rtl}">请根据自身喜好选择按摩头</p>
             <p class="types_line">
-                <span class="type">U型头：</span>
-                <span class="tips">适用于按摩颈部、跟腱处</span>
+                <span class="type" :class="{'rtl-l text-r': $rtl}">U型头</span>：
+                <span class="tips" :class="{'rtl-l text-r': $rtl}">适用于按摩颈部、跟腱处</span>
             </p>
             <p class="types_line">
-                <span class="type">环形头：</span>
-                <span class="tips">适用于大肌肉群放松，如大腿等</span>
+                <span class="type" :class="{'rtl-l text-r': $rtl}">环形头</span>：
+                <span class="tips" :class="{'rtl-l text-r': $rtl}">适用于大肌肉群放松，如大腿等</span>
             </p>
             <p class="types_line">
-                <span class="type">锥形头：</span>
-                <span class="tips">适用于冲击深层组织，如经络、关节等</span>
+                <span class="type" :class="{'rtl-l text-r': $rtl}">锥形头</span>：
+                <span class="tips" :class="{'rtl-l text-r': $rtl}">适用于冲击深层组织，如经络、关节等</span>
             </p>
             <p class="types_line">
-                <span class="type">平扁头：</span>
-                <span class="tips">适用于各个肌肉部位的放松，如腰部、背部等</span>
+                <span class="type" :class="{'rtl-l text-r': $rtl}">平扁头</span>：
+                <span class="tips" :class="{'rtl-l text-r': $rtl}">适用于各个肌肉部位的放松，如腰部、背部等</span>
             </p>
         </div>
         <div class="massage_img_line">
-            <div class="box" v-for="(item, i) in headTypeList" :key="i">
+            <div class="box" :class="{'rtl-l': $rtl}" v-for="(item, i) in headTypeList" :key="i">
                 <p class="img_box">
                     <img :src="item.icon">
                 </p>
diff --git a/fascialGunSampleCode/src/components/SelectModule.vue b/fascialGunSampleCode/src/components/SelectModule.vue
index 785400e..b8c83ce 100644
--- a/fascialGunSampleCode/src/components/SelectModule.vue
+++ b/fascialGunSampleCode/src/components/SelectModule.vue
@@ -22,7 +22,7 @@
             v-for="(item, i) in optionList" :key="i"
             @click.stop="chooseOption(i)"
         >
-            <span>{{ item.value }}</span>
+            <span :class="{'rtl-l text-r': $rtl}">{{ item.value }}</span>
             <span class="fineBorder"></span>
         </p>
     </div>
diff --git a/fascialGunSampleCode/src/components/TopRecommend.vue b/fascialGunSampleCode/src/components/TopRecommend.vue
index 3d9c9e8..d306f2b 100644
--- a/fascialGunSampleCode/src/components/TopRecommend.vue
+++ b/fascialGunSampleCode/src/components/TopRecommend.vue
@@ -17,15 +17,15 @@
 <!-- 热门推荐 -->
 <template>
     <div class="top_recommend_container">
-        <div class="title_line">热门推荐</div>
+        <div class="title_line" :class="{'rtl-l text-r': $rtl}">{{$t('BDT_fascialgun_top_recommendation')}}</div>
         <div
             class="courses_banner"
             :style="{ 'background-color': background }"
             v-for="(item, i) in coursesList"
             :key="i"
         >
-            <p class="courses_name">{{ item.name }}</p>
-            <p class="courses_description">{{ item.description }}</p>
+            <p class="courses_name" :class="{'rtl-l text-r': $rtl}">{{ item.name }}</p>
+            <p class="courses_description" :class="{'rtl-l text-r': $rtl}">{{ item.description }}</p>
         </div>
     </div>
 </template>
diff --git a/fascialGunSampleCode/src/components/VersionModule.vue b/fascialGunSampleCode/src/components/VersionModule.vue
index bdf791f..6f55652 100644
--- a/fascialGunSampleCode/src/components/VersionModule.vue
+++ b/fascialGunSampleCode/src/components/VersionModule.vue
@@ -23,10 +23,10 @@
     >
         <div class="version_middle_msg">
             <p class="new_line">
-                <span class="version_middle_title">{{ info.title }}</span>
+                <span class="version_middle_title" :class="{'rtl-l text-r': $rtl}">{{ info.title }}</span>
                 <span class="version_middle_point" v-if="info.isNew == '1'"></span>
             </p>
-            <span class="version_middle_content">{{ info.msg }}</span>
+            <span class="version_middle_content" :class="{'rtl-l text-r': $rtl}">{{ info.msg }}</span>
         </div>
         <img class="version_middle_img" :src="info.img" />
     </div>
diff --git a/fascialGunSampleCode/src/main.js b/fascialGunSampleCode/src/main.js
index 15bd6dd..1f3cb6f 100644
--- a/fascialGunSampleCode/src/main.js
+++ b/fascialGunSampleCode/src/main.js
@@ -49,6 +49,8 @@ const messages = {
 }
 const defaultLocale = 'zh_CN'
 var locale = jsInjection.getLocale() // 语言标识
+Vue.prototype.$rtl = ['ug_CN', 'ug'].includes(locale);
+
 var localeFounded = false
 for (var prop in messages) {
     if (locale === prop) {
diff --git a/fascialGunSampleCode/src/views/aiRecommend.vue b/fascialGunSampleCode/src/views/aiRecommend.vue
index 19fbd6d..01c1fa3 100644
--- a/fascialGunSampleCode/src/views/aiRecommend.vue
+++ b/fascialGunSampleCode/src/views/aiRecommend.vue
@@ -17,7 +17,7 @@
 <!-- AI课程推荐页面 -->
 <template>
     <div>
-        <HeadLine :headName="$t('BDT_fascialgun_device_name')" @backClick="backClick" />
+        <HeadLine :headName="$t('BDT_fascialgun_course_recommendation')" @backClick="backClick" />
         <div class="recommend_container" :style="style">
             <Loading v-if="loading" />
             <AnalysisResults
diff --git a/fascialGunSampleCode/src/views/mainView.vue b/fascialGunSampleCode/src/views/mainView.vue
index 370987a..0581368 100644
--- a/fascialGunSampleCode/src/views/mainView.vue
+++ b/fascialGunSampleCode/src/views/mainView.vue
@@ -25,7 +25,7 @@
         />
         <div class="index_container" :style="style">
             <div class="device_img_line">
-                <img class="device_img" src="@/assets/image/device.png">
+                <img class="device_img" :class="{'rtl-l': $rtl}" src="@/assets/image/device.png">
             </div>
             <ConnectModule
                 @reconnectClick="reconnectClick"
diff --git a/fascialGunSampleCode/src/views/massageRecords.vue b/fascialGunSampleCode/src/views/massageRecords.vue
index 2644df5..f297515 100644
--- a/fascialGunSampleCode/src/views/massageRecords.vue
+++ b/fascialGunSampleCode/src/views/massageRecords.vue
@@ -17,7 +17,7 @@
 <!-- 按摩记录 -->
 <template>
     <div class="massage_records_container">
-        <HeadLine :headName="$t('BDT_fascialgun_device_name')" @backClick="backClick"/>
+        <HeadLine :headName="$t('BDT_fascialgun_massage_records')" @backClick="backClick"/>
 
         <div class="data_box" :style="style">
             <!-- 缺省 -->
@@ -30,13 +30,16 @@
                 <div class="records_data" :style="{ 'background-color': background }">
                     <div class="data_list" v-for="(item, i) in dataList" :key="i">
                         <div>
-                            <span class="data_list_time">{{ item.time }}分钟</span>
-                            <span class="data_list_date">{{ item.date }}</span>
+                            <p class="data_list_time">
+                                <span :class="{'rtl-l text-r': $rtl}">{{ item.time }}</span>
+                                <span :class="{'rtl-l text-r': $rtl}">分钟</span>
+                            </p>
+                            <p class="data_list_date" :class="{'rtl-l': $rtl}">{{ item.date }}</p>
                         </div>
                         <div class="fineBorder"></div>
                     </div>
                 </div>
-                <p class="tip">仅展示最近10条记录</p>
+                <p class="tip" :class="{'rtl-l': $rtl}">仅展示最近10条记录</p>
             </div>
         </div>
     </div>
@@ -149,6 +152,10 @@ export default {
         font-size: 1.6rem;
     }
 
+    .data_list_time span{
+        display: inline-block;
+    }
+
     .data_list_date{
         font-size: 1.46rem;
         opacity: .7;
diff --git a/fascialGunSampleCode/src/views/modeView.vue b/fascialGunSampleCode/src/views/modeView.vue
index c66273d..c81a56a 100644
--- a/fascialGunSampleCode/src/views/modeView.vue
+++ b/fascialGunSampleCode/src/views/modeView.vue
@@ -17,10 +17,10 @@
 <!-- 模式选择页 -->
 <template>
     <div class="mode_container">
-        <HeadLine :headName="$t('BDT_fascialgun_device_name')" @backClick="backClick"/>
+        <HeadLine :headName="$t('BDT_fascialgun_mode_select')" @backClick="backClick"/>
 
         <div class="main_box" :style="style">
-            <div class="banner_line">
+            <div class="banner_line" :class="{'rtl-l': $rtl}">
                 图片区
             </div>
             <ModeSelection
diff --git a/fascialGunSampleCode/src/views/upgrade.vue b/fascialGunSampleCode/src/views/upgrade.vue
index c7641a2..9f21e50 100644
--- a/fascialGunSampleCode/src/views/upgrade.vue
+++ b/fascialGunSampleCode/src/views/upgrade.vue
@@ -17,7 +17,7 @@
 <!-- 固件升级 -->
 <template>
     <div>
-        <HeadLine :headName="$t('BDT_fascialgun_device_name')" @backClick="backClick"/>
+        <HeadLine :headName="$t('BDT_fascialgun_firmware_upgrade')" @backClick="backClick"/>
         <div class="upgrade_container" :style="style">
             <div class="upgrade_container_progress" v-if="!checkDone && isUpdateCompelete != '2'">
                 <CircleProgress
@@ -30,9 +30,9 @@
                 </CircleProgress>
             </div>
             <div class="device_line" v-else>
-                <img class="device_name" src="@/assets/image/device.png">
+                <img class="device_img" :class="{'rtl-l': $rtl}" src="@/assets/image/device.png">
             </div>
-            <span class="progress_title">{{ progressTitle }}</span>
+            <span class="progress_title" :class="{'rtl-l': $rtl}">{{ progressTitle }}</span>
             <VersionModule
                 v-for="(item, i) in versions"
                 :key="i"
@@ -40,7 +40,7 @@
                 @versionClick="versionClick(item.isNew, i)"
             />
             <div class="version_btn">
-                <button @click="btnClick" class="btn" :class="{gary: !checkDone}">检查更新</button>
+                <button @click="btnClick" class="btn" :class="{gary: !checkDone, 'rtl-l': $rtl}">{{ $t('BDT_fascialgun_check_updates') }}</button>
             </div>
         </div>
     </div>
@@ -173,7 +173,7 @@ export default {
 };
 </script>
 
-<style>
+<style scoped>
     .upgrade_container {
         display: flex;
         flex-direction: column;
@@ -209,8 +209,8 @@ export default {
         margin-bottom: 3.2rem;
     }
 
-    .device_name{
-        width:15.4rem;
+    .device_img{
+        width:16.8rem;
         height: 16.8rem;
     }
 
diff --git a/fascialGunSampleCode/src/views/versionView.vue b/fascialGunSampleCode/src/views/versionView.vue
index 2cad20c..a6057c5 100644
--- a/fascialGunSampleCode/src/views/versionView.vue
+++ b/fascialGunSampleCode/src/views/versionView.vue
@@ -22,7 +22,7 @@
             <div v-if="updating">
                 <div class="warning_line" :style="{ 'background-color': background }">
                     <img class="warning_line_icon" src="@/assets/image/drawing_board.png">
-                    <p class="warning_line_tips">升级期间，请确保设备保持开启，并将其靠近手机。</p>
+                    <p class="warning_line_tips" :class="{'rtl-l text-r': $rtl}">升级期间，请确保设备保持开启，并将其靠近手机。</p>
                 </div>
                 <!-- 更新进度 -->
                 <div class="container_progress">
@@ -37,16 +37,16 @@
             </div>
             
             <!-- 设备图片 -->
-            <div class="device_img" v-else>
+            <div class="device_img" :class="{'rtl-l': $rtl}" v-else>
                 <img src="@/assets/image/device.png">
             </div>
-            <p class="update_status" v-show="updating">正在更新...</p>
-            <p class="version_line">1.0.1</p>
-            <p class="update_memory" v-show="updating">
+            <p class="update_status" :class="{'rtl-l': $rtl}" v-show="updating">正在更新...</p>
+            <p class="version_line" :class="{'rtl-l': $rtl}">1.0.1</p>
+            <p class="update_memory" :class="{'rtl-l': $rtl}" v-show="updating">
                 大小：<span>2M</span>
             </p>
             <ProgramIntroduce :textObj="textObj" style="margin-top: 3.2rem;"/>
-            <div class="version_btn" v-if="isNewVersion == '1'">
+            <div class="version_btn" :class="{'rtl-l': $rtl}" v-if="isNewVersion == '1'">
                 <button class="btn" @click="uadate" v-show="!updating && !updateStatus">更新</button>
                 <button class="btn" @click="cancelUadate" v-show="updating && !updateStatus">取消</button>
                 <button class="btn" @click="compelete" v-show="!updating && updateStatus">完成</button>
@@ -201,6 +201,7 @@ export default {
         position: fixed;
         left: 0;
         margin: 0 1.2rem;
+        z-index: 1;
     }
 
     .warning_line_icon{
-- 
Gitee


From bb1b06539f496c2f7c425d2842bc82f05118d3cc Mon Sep 17 00:00:00 2001
From: kwx1085518 <kegui1@huawei.com>
Date: Mon, 30 May 2022 09:54:29 +0800
Subject: [PATCH 3/3] =?UTF-8?q?=E4=BD=93=E6=B8=A9=E6=A8=A1=E6=9D=BF?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E7=BB=B4=E8=AF=AD=E9=95=9C=E5=83=8F=E6=95=88?=
 =?UTF-8?q?=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 thermometerSampleCode/src/App.vue             | 18 ++++++-----
 thermometerSampleCode/src/assets/base.css     | 10 +++++++
 .../src/assets/js/jsInjection.js              |  8 ++---
 .../src/components/ConnectModule.vue          | 22 +++++++-------
 .../src/components/HeadLine.vue               |  2 +-
 .../src/components/MiddleModule.vue           |  4 +--
 .../src/components/SelectModule.vue           |  2 +-
 thermometerSampleCode/src/main.js             |  4 ++-
 thermometerSampleCode/src/views/mainView.vue  | 30 +++++++++++--------
 9 files changed, 61 insertions(+), 39 deletions(-)

diff --git a/thermometerSampleCode/src/App.vue b/thermometerSampleCode/src/App.vue
index dc0bf34..3953530 100644
--- a/thermometerSampleCode/src/App.vue
+++ b/thermometerSampleCode/src/App.vue
@@ -17,7 +17,7 @@
  <template>
     <div id="app" :style="customStyle">
         <div v-if="!logined" class="loading">
-            <img :src="loadingImg" class="loading_img"/>
+            <img :src="loadingImg" class="loading_img" :class="{'rtl-l': $rtl}"/>
         </div>
         <router-view v-else></router-view>
     </div>
@@ -37,33 +37,36 @@ export default {
         }
     },
     created() {
+        let htmlStyle = document.documentElement.style;
         if (window.isDark) {
-            document.documentElement.style.setProperty(
+            htmlStyle.setProperty(
                 "--bg-color",
                 "rgba(0,0,0,1)"
             );
-            document.documentElement.style.setProperty(
+            htmlStyle.setProperty(
                 "--text-color",
                 "rgba(255,255,255,0.6)"
             );
-            document.documentElement.style.setProperty(
+            htmlStyle.setProperty(
                 "--border-color",
                 "rgba(255,255,255,0.1)"
             );
         } else {
-            document.documentElement.style.setProperty(
+            htmlStyle.setProperty(
                 "--bg-color",
                 "rgba(241,243,245,1)"
             );
-            document.documentElement.style.setProperty(
+            htmlStyle.setProperty(
                 "--text-color",
                 "#000000"
             );
-            document.documentElement.style.setProperty(
+            htmlStyle.setProperty(
                 "--border-color",
                 "rgba(0,0,0,0.1)"
             );
         }
+
+        if(this.$rtl) htmlStyle.setProperty("transform", "scaleX(-1)");
     },
     mounted() {
         window.BasicLib.account
@@ -103,5 +106,6 @@ html,
 body {
     height: 100%;
     width: 100%;
+    overflow: hidden;
 }
 </style>
diff --git a/thermometerSampleCode/src/assets/base.css b/thermometerSampleCode/src/assets/base.css
index 2c79c1c..0285c1a 100644
--- a/thermometerSampleCode/src/assets/base.css
+++ b/thermometerSampleCode/src/assets/base.css
@@ -80,4 +80,14 @@ button{
 	width: 100%;
     border-bottom: 1px solid var(--border-color);
     transform: scaleY(.5);
+}
+
+/* 镜像处理 */
+.rtl-l{
+	transform: scaleX(-1);
+}
+
+/* 文字右对齐 */
+.text-r{
+	text-align: right;
 }
\ No newline at end of file
diff --git a/thermometerSampleCode/src/assets/js/jsInjection.js b/thermometerSampleCode/src/assets/js/jsInjection.js
index d59bac6..0b535a6 100644
--- a/thermometerSampleCode/src/assets/js/jsInjection.js
+++ b/thermometerSampleCode/src/assets/js/jsInjection.js
@@ -195,7 +195,7 @@ export default {
     // 查询所有数据
     getTemperatureData() {
         let param = {
-            type: HealthEngine.dataType.DATA_BodyTemperature,
+            type: HealthEngine.dataType.DATA_BODYTEMPERATURE,
             startTime: 0,
             endTime: Date.now(),
         };
@@ -215,7 +215,7 @@ export default {
     // 存储单条数据
     saveTemperatureData() {
         let param = {
-            type: HealthEngine.dataType.DATA_BodyTemperature,
+            type: HealthEngine.dataType.DATA_BODYTEMPERATURE,
             startTime: Date.now(),
             endTime: Date.now(),
             value: 40,
@@ -235,12 +235,12 @@ export default {
     // 存储多条数据
     saveTemperatureDatas() {
         let param = [{
-            type: HealthEngine.dataType.DATA_BodyTemperature,
+            type: HealthEngine.dataType.DATA_BODYTEMPERATURE,
             startTime: Date.now(),
             endTime: Date.now(),
             value: 40
         },{
-            type: HealthEngine.dataType.DATA_BodyTemperature,
+            type: HealthEngine.dataType.DATA_BODYTEMPERATURE,
             startTime: savingTime,
             endTime: savingTime,
             value: 38
diff --git a/thermometerSampleCode/src/components/ConnectModule.vue b/thermometerSampleCode/src/components/ConnectModule.vue
index c820bf8..ea32fde 100644
--- a/thermometerSampleCode/src/components/ConnectModule.vue
+++ b/thermometerSampleCode/src/components/ConnectModule.vue
@@ -19,31 +19,31 @@
   	<div class="connect_container" :style="{ 'background-color': background }">
 		<div class="connected_root" v-show="connectStatus == 0">
 			<div class="connected_root_line0">
-				<p class="connected_one">{{ $t('BDT_thermometer_connect_fail') }}</p>
-				<p class="connected_two">长按开机键2s连接设备</p>
+				<p class="connected_one" :class="{'rtl-l text-r': $rtl}">{{$t('BDT_thermometer_connect_fail')}}</p>
+				<p class="connected_two" :class="{'rtl-l text-r': $rtl}">{{$t('BDT_thermometer_connect_tips')}}</p>
 			</div>
-			<div class="connected_root_line1" @click="reconnectClick">{{ $t('BDT_thermometer_reconnect') }}</div>
+			<div class="connected_root_line1" @click="reconnectClick" :class="{'rtl-l': $rtl}">{{$t('BDT_thermometer_reconnect')}}</div>
 		</div>
 		<div class="connected_root" v-show="connectStatus == 1">
 			<div class="connected_root_line0">
-				<p class="connected_one">{{ $t('BDT_thermometer_connecting') }}</p>
+				<p class="connected_one" :class="{'rtl-l text-r': $rtl}">{{ $t('BDT_thermometer_connecting') }}</p>
 			</div>
-			<img class="connected_root_img" :src="loading_img"/>
+			<img class="connected_root_img" :class="{'rtl-l': $rtl}" :src="loading_img"/>
 		</div>
 		<div class="connected_root" v-show="connectStatus == 2">
 			<div class="connected_root_line0">
-				<p class="connected_one">正在上传数据...</p>
-				<p class="connected_two">请耐心等待</p>
+				<p class="connected_one" :class="{'rtl-l text-r': $rtl}">{{$t('BDT_thermometer_data_uploading')}}</p>
+				<p class="connected_two" :class="{'rtl-l text-r': $rtl}">{{$t('BDT_thermometer_wait_patiently')}}</p>
 			</div>
-			<img class="connected_root_img" :src="loading_img"/>
+			<img class="connected_root_img" :class="{'rtl-l': $rtl}" :src="loading_img"/>
 		</div>
 		<div class="connected_root" v-show="connectStatus == 3">
 			<div class="connected_root_line0">
-				<p class="connected_one">{{ $t('BDT_thermometer_connected') }}</p>
+				<p class="connected_one" :class="{'rtl-l text-r': $rtl}">{{ $t('BDT_thermometer_connected') }}</p>
 			</div>
 			<div class="battery_line">
-				<img :src="battery_img"/>
-				<span>95%</span>
+				<img :src="battery_img" :class="{'rtl-l': $rtl}"/>
+				<span :class="{'rtl-l': $rtl}">95%</span>
 			</div>
 		</div>
 	</div>
diff --git a/thermometerSampleCode/src/components/HeadLine.vue b/thermometerSampleCode/src/components/HeadLine.vue
index 5e2b021..7bc4dcf 100644
--- a/thermometerSampleCode/src/components/HeadLine.vue
+++ b/thermometerSampleCode/src/components/HeadLine.vue
@@ -20,7 +20,7 @@
         <div class="left" @click="backClick">
             <img class="icon" :src="backIcon" >
         </div>
-        <div class="head_name">{{ headName }}</div>
+        <div class="head_name" :class="{'rtl-l text-r': $rtl}">{{ headName }}</div>
         <div
             class="right"
             v-if="setBtn"
diff --git a/thermometerSampleCode/src/components/MiddleModule.vue b/thermometerSampleCode/src/components/MiddleModule.vue
index 93c4baa..b8d13e2 100644
--- a/thermometerSampleCode/src/components/MiddleModule.vue
+++ b/thermometerSampleCode/src/components/MiddleModule.vue
@@ -20,8 +20,8 @@
         <div class="middle_root"
             :style="{ 'background-color': background }"
         >
-            <span class="middle_one">{{ info.msg }}</span>
-            <img class="middle_two" :src="info.img" />
+            <span class="middle_one" :class="{'rtl-l text-r': $rtl}">{{ info.msg }}</span>
+            <img class="middle_two" :class="{'rtl-l': $rtl}" :src="info.img" />
         </div>
     </div>
 </template>
diff --git a/thermometerSampleCode/src/components/SelectModule.vue b/thermometerSampleCode/src/components/SelectModule.vue
index 47fa4ba..e122e9e 100644
--- a/thermometerSampleCode/src/components/SelectModule.vue
+++ b/thermometerSampleCode/src/components/SelectModule.vue
@@ -22,7 +22,7 @@
             v-for="(item, i) in optionList" :key="i"
             @click.stop="chooseOption(i)"
         >
-            <span>{{ item.value }}</span>
+            <span :class="{'rtl-l text-r': $rtl}">{{ item.value }}</span>
             <span class="fineBorder"></span>
         </p>
     </div>
diff --git a/thermometerSampleCode/src/main.js b/thermometerSampleCode/src/main.js
index 02e5c01..a8f6efe 100644
--- a/thermometerSampleCode/src/main.js
+++ b/thermometerSampleCode/src/main.js
@@ -3,7 +3,7 @@ import App from './App.vue'
 import VueRouter from 'vue-router'
 import router from './router/index.js'
 import BasicLib from '@huawei/h5pro-basic-lib';
-import HealthEngine from '@huawei/h5pro-health-engine'
+import HealthEngine from '@huawei/h5pro-health-engine';
 import VueI18n from 'vue-i18n';
 import store from './vuex/store';
 import jsInjection from '@/assets/js/jsInjection.js';
@@ -32,6 +32,8 @@ const messages = {
 }
 const defaultLocale = 'zh_CN'
 var locale = jsInjection.getLocale() // 语言标识
+Vue.prototype.$rtl = ['ug_CN', 'ug'].includes(locale);
+
 var localeFounded = false
 for (var prop in messages) {
     if (locale === prop) {
diff --git a/thermometerSampleCode/src/views/mainView.vue b/thermometerSampleCode/src/views/mainView.vue
index 1a600ce..b863196 100644
--- a/thermometerSampleCode/src/views/mainView.vue
+++ b/thermometerSampleCode/src/views/mainView.vue
@@ -25,7 +25,7 @@
         />
         <div class="index_container" :style="style">
             <div class="device_img_line">
-                <img class="device_img" src="@/assets/image/device.png">
+                <img class="device_img" :class="{'rtl-l': $rtl}" src="@/assets/image/device.png">
             </div>
             <p class="upload_tips">
                 <span v-show="uploaded">上传成功</span>
@@ -35,24 +35,24 @@
             />
             <div class="temp_measure" :style="{ 'background-color': background }">
                 <div class="temp_measure_line0">
-                    <p>体温测量</p>
-                    <img src="@/assets/image/ic_temperature.png">
+                    <p :class="{'rtl-l text-r': $rtl}">体温测量</p>
+                    <img :class="{'rtl-l': $rtl}" src="@/assets/image/ic_temperature.png">
                 </div>
                 <!-- 显示实时测量数据 -->
                 <!-- <div class="temp_measure_line0">
                     <div>
-                        <p style="margin-bottom: .2rem;">测量中...</p>
-                        <p class="temp_measure_time grayStyle">00:06:30</p>
+                        <p :class="{'rtl-l text-r': $rtl}" style="margin-bottom: .2rem;">测量中...</p>
+                        <p class="temp_measure_time grayStyle" :class="{'rtl-l text-r': $rtl}">00:06:30</p>
                     </div>
                     <div>
                         <p class="temp_measure_val" style="margin-bottom: .2rem;">
-                            <span class="temp_measure_num">36.9</span>
-                            <span class="temp_measure_unit">℃</span>
+                            <span class="temp_measure_num" :class="{'rtl-l': $rtl}">36.9</span>
+                            <span class="temp_measure_unit" :class="{'rtl-l': $rtl}">℃</span>
                         </p>
                         <p class="temp_measure_tips">
-                            <span class="grayStyle">体温</span>
+                            <span class="grayStyle" :class="{'rtl-l': $rtl}">体温</span>
                             <span class="split_line">|</span>
-                            <span class="temp_status">正常</span>
+                            <span class="temp_status" :class="{'rtl-l': $rtl}">正常</span>
                         </p>
                     </div>
                 </div> -->
@@ -67,9 +67,9 @@
                 />
             </div>
             <div class="other_container">
-                <p class="other_container_head">其他</p>
+                <p class="other_container_head" :class="{'rtl-l text-r': $rtl}">其他</p>
                 <div class="other_container_module" v-for="(item, i) in elseLine" :key="i" :style="{ 'background-color': background }">
-                    <span>{{item}}</span>
+                    <span :class="{'rtl-l text-r': $rtl}">{{item}}</span>
                     <img :src="rightIcon">
                 </div>
             </div>
@@ -104,7 +104,7 @@ export default {
             },
             elseLine: ['设备信息', '用户协议和隐私声明'],
             rightIcon: window.isDark ? require('@/assets/image/dark/ic_public_right_dark.png') : require('@/assets/image/ic_public_right.svg'),
-            uploaded: false, // 上传数据
+            uploaded: false // 上传数据
         }
     },
     computed: {
@@ -307,17 +307,23 @@ export default {
         font-size: 1.4rem;
     }
 
+    .temp_measure_tips span{
+        display: inline-block;
+    }
+
     .temp_measure_val{
         text-align: right;
     }
 
     .temp_measure_num{
         font-size: 1.8rem;
+        display: inline-block;
     }
 
     .temp_measure_unit{
         font-size: 1.4rem;
         margin-left: .2rem;
+        display: inline-block;
     }
 
     .split_line{
-- 
Gitee