diff --git a/bloodPressureSampleCode/src/App.vue b/bloodPressureSampleCode/src/App.vue
index 7a289cfa085a526109787956d38973b48da99ec1..fa90b8043871c5d883ebfe4ad5c0083aa6fa2fb8 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 a08ff78da1b398e682cb0ddf5c92791563df5915..4a4084c71ba3a4c4d5b63c6e42cb735082b4ed85 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 9c206b3070ddd0e0a81e7cf115478862514b9fe2..09addc3c08307bd6e69b1859e22cea301bbe03e4 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 8309b51efdf33d10cf95aa60d082427d1f5a02b8..84c8b96537f449ff9fad29776148025a60c89d51 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 500c57ae87210b969788907ba615dcf5880e2a14..f7daebbe16b5b4cb620c251d591f7d5ddf4fa849 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 894150b9f656fad1554a68bd2826a25b194cf39b..7db7e0e6710b4ff6b7e58d8cfa706f04d12e08ee 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 531d64cfc632fdc9a185a6e7875c2d8796347758..c1e7012f48cd72024ba81acf07459480ad86faf0 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 251d884f64ac8645f71105560f98f204f98b07d8..f978249619af2f06f17e24077b6202d997f9dff0 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 3d5a71ac132a0adbcb9326ef0a743f1e05d7f04d..1f7c66ea1f50c1570c0ad6efee7734294726f27f 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>
diff --git a/fascialGunSampleCode/src/App.vue b/fascialGunSampleCode/src/App.vue
index fd3158e09fc9547eb0be04230c5e8e1456a49be8..147d2ee474d60b9d0cc29b38b9ba7407979649ef 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 a08ff78da1b398e682cb0ddf5c92791563df5915..4a4084c71ba3a4c4d5b63c6e42cb735082b4ed85 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 c72a8e69281703b08807880ffc3cc08047c57c18..30f16ec3c0f3f6b1f81b79575d2911909e5935f1 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 f296c19ecb3a22d7d2f77994a8db6f8f0b40eca4..0462730f448dd1d7f7d0995e47da3bdce948a68d 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 226446ed7a0c152c67e36ca8076d8e9f26625e5b..8730af110e4c97dc5a73b47187509504a43383ad 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 c8781162cc611069f36d757e36c40d2cefb674c0..78e4caa99195f58fbd029d1155b977ac35cb87db 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 75df23abd4f0340343bc325a5190b4c5dbb1c10a..c1e2bdd9fd83834bf623de69f570f8b281f4e9e5 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 633f5cb749450f3f3086b760dd375fa03d811906..2eecb95a2370ca13cd2a608402b3c5c78b838643 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 2e43788d13e934fa101b5a2bfb5f30ee86c24e2b..923ff36f551428ec4c7af054cc25dfadd217126b 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 81b489ba03b522a1ef55052eebad9dc81f50825d..1213ad66ccc1e91879589fc9b9d1ac477c21639b 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 e5b7a0d7083df7d43c0d39e128aa81695a7ec2e0..c42dd821405355315dbb720c911c3cb93f977909 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 68db95f8253b7c1cef14922288c52f2b35930db4..07db32dbc6f9e0c64ae893e0b5482b84d714f902 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 9b518f07b9f3e94be86897e69545e8ee083c11e4..73771e0a7a9438e8c67ef447c57e378b0287519f 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 785400e60b2374398125a4a99a20347467b61a90..b8c83cee3630625ae24fd9476e651e9e236b2d84 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 3d9c9e8096bfe50e669e877ce55bb76a8dbcf7bd..d306f2bfdba49ee9b5a17670243f1f7fbd213d17 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 bdf791fead6f2506361fae13aaacc4545714f981..6f5565281411f867b1533ce0b5d5c9a05f5a0496 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 15bd6dde4746bf0f64a39fdb7bdc3dd7700d5213..1f3cb6f3f87f1679500d051735c2310187c2a7c5 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 19fbd6dc550161588be0c2e26c107434cb26ef32..01c1fa3bb4c7cb98ef6bdd3df73815a258504452 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 370987a283bce34284c6f14d0f4919374955cc5c..0581368106fa994a311ca94d652424970f06afc0 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 2644df5c44679436964285869d678ce0fbb02239..f297515427345e5a990f396ddc94998f0eadc3a0 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 c66273da081ef573cb0cd7039e711bafb7a47572..c81a56aa77a326f573c6c54cbd75c09af74aa796 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 c7641a291fdb7e923c2f7ae0b8d1fa8bf0d578b6..9f21e500d843576238a7c5512aa93611233f2f51 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 2cad20c86e978cb8219de46aa5d568378f77eca2..a6057c510dac95d8369a2a020f8d517aa09042d5 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{
diff --git a/thermometerSampleCode/src/App.vue b/thermometerSampleCode/src/App.vue
index dc0bf3477413c7b249e52348f0d0c5b5621b5eeb..395353029d08b1a96bbabc27a3ccef21bdd117d0 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 2c79c1c3fac0a211de854266faeb5ae02045efb5..0285c1a8d533bde55b5733346805832598583225 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 d59bac6dcd89db213e617ab31b7fbc185bf3a77c..0b535a6e8eb6bfd4c9de36c3f7b4721357e7cb9a 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 c820bf8a0e6dd1a91ee1b529b33ddc82993138cd..ea32fde77f923d99ee5613141063b893bfed00b2 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 5e2b02104f7faf7c16babf7cf6c98f129b9e1d7c..7bc4dcf6e0a2ed432d3cc399d0c21df247676377 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 93c4baa2a33c4425240c9eddf2032155936dda02..b8d13e232f7dad09fad75039c6ab7fd13034067b 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 47fa4bab9f9b945a6d7dcb0e445a860cef29903e..e122e9e90e97660d3c678a0400423dde91eb15b8 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 02e5c01b448b58d00c5a373ea0baf7ab19b78253..a8f6efe78d765b9de716911faeb4b554b32568fd 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 1a600ceca0ad6285582ee2e00bb06c1d426bc546..b863196b86768f980251e7c4da2d9cfb040261b1 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{