feat: 初始化

2025-07-07 15:55:44 +08:00
commit 9b7bfcfe5a
969 changed files with 123036 additions and 0 deletions
--- a/pages/components/menuLanguageSelector/index.scss
+++ b/pages/components/menuLanguageSelector/index.scss
@ -0,0 +1,60 @@
+.menuItem {
+	min-height: 50px;
+	margin: 0px 28px 0px 16px;
+	padding: 0px 10px;
+	display: flex;
+	align-items: center;
+	column-gap: 10px;
+	&.active {
+		color: #fff;
+		background-color: #29bbe4;
+	}
+}
+.selectorWrapper {
+	position: relative;
+	// display: flex;
+	// justify-content: space-between;
+	// align-items: center;
+	.selector {
+		display: flex;
+		align-items: center;
+		column-gap: 10px;
+		margin: 0px 10px 0px 16px;
+		padding: 0px 10px;
+		.selectorLabel {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			height: 50px;
+			width: 100%;
+		}
+	}
+	.optionsWrapper {
+		flex-shrink: 0;
+		height: 0px;
+		opacity: 0;
+		overflow: hidden;
+		transition: all 0.3s ease-out;
+		&.visible {
+			display: flex;
+			flex-direction: column;
+			height: 320px;
+			opacity: 1;
+		}
+		.option {
+			display: flex;
+			align-items: center;
+			min-width: 100px;
+			height: 32px;
+			padding: 4px 20px 4px 50px;
+			box-sizing: border-box;
+			background-color: white;
+			text-align: center;
+			white-space: nowrap;
+			&.active {
+				color: #fff;
+				background-color: #29bbe4;
+			}
+		}
+	}
+}
--- a/pages/components/menuLanguageSelector/index.vue
+++ b/pages/components/menuLanguageSelector/index.vue
@ -0,0 +1,79 @@
+<template>
+	<view class="selectorWrapper">
+		<view class="selector" @click="toggleOptionsVisible">
+			<image src="/static/global2.svg" mode="aspectFit" style="width: 18px; height: 18px"></image>
+			<view class="selectorLabel">
+				<text>{{ $t('locale.current') }}</text>
+				<image src="/static/downArrow.png" mode="aspectFit" style="width: 14px; height: 8px"></image>
+			</view>
+		</view>
+		<view ref="languageSelector" :class="['optionsWrapper', { visible: optionsVisible }]">
+			<view
+				:class="['option', locale === language.value ? 'active' : '']"
+				v-for="(language, index) in languageOptions"
+				:key="language.value"
+				@click="changeLanguage(language)"
+			>
+				{{ language.label }}
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+import { setLocale } from '@/utils/const.ts';
+import { setLoveLanguage } from '@/services/user.ts';
+import { languages } from '@/utils/const.ts';
+export default {
+	name: 'MenuLanguageSelector',
+	data() {
+		return {
+			local: undefined,
+			optionsVisible: false,
+			languageOptions: [
+				{ label: 'العربية', value: 'ar-SA' },
+				{ label: 'English', value: 'en-US' },
+				{ label: 'Spanish', value: 'es-ES' },
+				{ label: 'हिंदी', value: 'hi-IN' },
+				{ label: '한국어', value: 'ko-KR' },
+				{ label: 'ภาษาไทย', value: 'th-TH' },
+				{ label: 'Tiếng Việt', value: 'vi-VN' },
+				{ label: '简体中文', value: 'zh-CN' },
+				{ label: '繁體中文', value: 'zh-TW' },
+				{ label: 'Indonesia', value: 'in-ID' }
+			]
+		};
+	},
+	methods: {
+		toggleOptionsVisible() {
+			this.optionsVisible = !this.optionsVisible;
+		},
+		async changeLanguage(language) {
+			// #ifndef H5
+			uni.showModal({
+				content: this.$t('modal.changeLanguage') + this.$t(`locale.${language.value}`) + ',' + this.$t('locale.languageChangeConfirm'),
+				confirmColor: '#4DC0E5',
+				success: async (res) => {
+					if (res.confirm) {
+						await setLoveLanguage({ qcc_language: languages[language.value] ?? 'en_US' });
+						setLocale(language.value);
+					}
+				}
+			});
+			// #endif
+
+			// #ifdef H5
+			await setLoveLanguage({ qcc_language: languages[language.value] ?? 'en_US' });
+			setLocale(language.value);
+			// #endif
+		}
+	},
+	created() {
+		this.locale = uni.getLocale();
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+@import './index.scss';
+</style>