From 142d2e7abb0f9bf0bc7515eb0917583bde83ee6f 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:14:40 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E8=AF=AD=E8=A8=80=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/lang-switch/lang-switch.vue | 126 +++++++++++++++++++++++++
 1 file changed, 126 insertions(+)
 create mode 100644 components/lang-switch/lang-switch.vue

diff --git a/components/lang-switch/lang-switch.vue b/components/lang-switch/lang-switch.vue
new file mode 100644
index 00000000..260d082b
--- /dev/null
+++ b/components/lang-switch/lang-switch.vue
@@ -0,0 +1,126 @@
+<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>
+                    <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>
+                </view>
+            </view>
+        </view>
+    </component-popup>
+</template>
+<script>
+    const app = getApp();
+    import componentPopup from '@/components/popup/popup';
+    import componentNoData from '@/components/no-data/no-data';
+    import { isEmpty } from '@/common/js/common/common.js';
+    export default {
+        components: {
+            componentPopup,
+            componentNoData
+        },
+        data() {
+            return {
+                popup_status: false,
+                propIsBar: false,
+                language_list: [],
+                language_key: '',
+            };
+        },
+        methods: {
+            isEmpty,
+            lang_open_event() {
+                var language_key = app.globalData.get_language_value();
+                var language_list = this.$t('language');
+                this.setData({
+                    language_list: language_list,
+                    language_key: language_key,
+                    popup_status: true,
+                });  
+            },
+            lang_close_event() {
+                this.setData({
+                    popup_status: false,
+                });
+            },
+            checked_language_event(e) {
+                this.setData({
+                    language_key: e.currentTarget.dataset.key,
+                });
+            },
+            popup_sub_language_event() {
+                this.language_change(this.language_key);
+                this.setData({
+                    popup_status: false,
+                });
+                var language_list = this.$t('language');
+                this.$emit('popup_sub_language_event', language_list[this.language_key]);
+            },
+            // 多语言切换
+            language_change(key) {
+                uni.setLocale(key);
+                this.$i18n.locale = key;
+            },
+        }
+    };
+</script>
+<style scoped>
+    /**
+     * 弹窗
+     */
+    .nav-popup-container {
+        padding: 20rpx 10rpx 0 10rpx;
+        background: #fff;
+    }
+
+    .nav-popup-container .close {
+        position: absolute;
+        top: 24rpx;
+        right: 20rpx;
+        z-index: 2;
+    }
+    .nav-popup-title {
+        position: absolute;
+        top: 20rpx;
+        left: 50%;
+        transform: translateX(-50%);
+        z-index: 2;
+        font-size: 32rpx;
+    }
+
+    .nav-popup-content {
+        max-height: 80vh;
+        overflow-y: scroll;
+        overflow-x: hidden;
+        padding: 50rpx 60rpx;
+        padding-bottom: 30rpx;
+    }
+    .text-buttom {
+        color: #fff;
+        height: 60rpx;
+        border-radius: 100rpx;
+        background: #ff3d53;
+        padding: 6rpx 22rpx;
+        margin-top: 40rpx;
+    }
+    .nav-popup-list {
+        padding: 20rpx 0;
+        border-bottom: 1px solid #f5f5f5;
+        font-size: 32rpx;
+    }
+</style>
\ No newline at end of file