From 0388c3e0772b8ff58acad7a4ef047de045694c40 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8E=E8=82=96=E7=A3=8A?= <18851179580@163.com>
Date: Thu, 17 Apr 2025 11:20:35 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E4=B8=BB=E9=A2=98=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/lang-switch/lang-switch.vue | 46 ++++++++++++++------------
 1 file changed, 24 insertions(+), 22 deletions(-)

diff --git a/components/lang-switch/lang-switch.vue b/components/lang-switch/lang-switch.vue
index 260d082b..416ddec8 100644
--- a/components/lang-switch/lang-switch.vue
+++ b/components/lang-switch/lang-switch.vue
@@ -1,28 +1,30 @@
 <template>
-    <!-- 弹窗 -->
-    <component-popup :propShow="popup_status" :propIsBar="propIsBar" propPosition="bottom" @onclose="lang_close_event">
-        <view class="nav-popup-container">
-            <view class="close oh flex-row">
-                <view class="fr" @tap.stop="lang_close_event">
-                    <iconfont name="icon-close-o" size="28rpx" color="#999"></iconfont>
-                </view>
-            </view>
-            <div class="nav-popup-title">{{ $t('common.multilingual') }}</div>
-            <view class="nav-popup-content">
-                <view v-if="!isEmpty(language_list)" class="nav-data-list">
-                    <view v-for="(value, key) in language_list" :key="key" class="nav-popup-list flex-row jc-sb align-c" :class="language_key == key ? 'cr-main' : ''" :data-key="key" :data-value="value" @tap.stop="checked_language_event">
-                        {{ value }}
-                        <iconfont v-if="language_key == key" name="icon-checked" size="32rpx"></iconfont>
+    <view :class="theme_view">
+        <!-- 弹窗 -->
+        <component-popup :propShow="popup_status" :propIsBar="propIsBar" propPosition="bottom" @onclose="lang_close_event">
+            <view class="nav-popup-container">
+                <view class="close oh flex-row">
+                    <view class="fr" @tap.stop="lang_close_event">
+                        <iconfont name="icon-close-o" size="28rpx" color="#999"></iconfont>
                     </view>
-                    <view class="text-buttom flex-row align-c jc-c" @tap.stop="popup_sub_language_event">{{ $t('common.confirm') }}</view>
                 </view>
-                <view v-else>
-                    <!-- 提示信息 -->
-                    <component-no-data :propStatus="0"></component-no-data>
+                <div class="nav-popup-title">{{ $t('common.multilingual') }}</div>
+                <view class="nav-popup-content">
+                    <view v-if="!isEmpty(language_list)" class="nav-data-list">
+                        <view v-for="(value, key) in language_list" :key="key" class="nav-popup-list flex-row jc-sb align-c" :class="language_key == key ? 'cr-main' : ''" :data-key="key" :data-value="value" @tap.stop="checked_language_event">
+                            {{ value }}
+                            <iconfont v-if="language_key == key" name="icon-checked" size="32rpx"></iconfont>
+                        </view>
+                        <view class="confirm-button flex-row align-c jc-c bg-main" @tap.stop="popup_sub_language_event">{{ $t('common.confirm') }}</view>
+                    </view>
+                    <view v-else>
+                        <!-- 提示信息 -->
+                        <component-no-data :propStatus="0"></component-no-data>
+                    </view>
                 </view>
             </view>
-        </view>
-    </component-popup>
+        </component-popup>
+    </view>
 </template>
 <script>
     const app = getApp();
@@ -36,6 +38,7 @@
         },
         data() {
             return {
+                theme_view: app.globalData.get_theme_value_view(),
                 popup_status: false,
                 propIsBar: false,
                 language_list: [],
@@ -110,11 +113,10 @@
         padding: 50rpx 60rpx;
         padding-bottom: 30rpx;
     }
-    .text-buttom {
+    .confirm-button {
         color: #fff;
         height: 60rpx;
         border-radius: 100rpx;
-        background: #ff3d53;
         padding: 6rpx 22rpx;
         margin-top: 40rpx;
     }