<template>
<view class="container">
<view class="title">{{$t('index.demo')}}</view>
<view class="description">{{$t('index.demo-description')}}</view>
<view class="detail-link">{{$t('index.detail')}}: <text
class="link">https://uniapp.dcloud.net.cn/collocation/i18n</text></view>
<view class="locale-setting">{{$t('index.language-info')}}</view>
<view class="list-item">
<text class="k">{{$t('index.system-language')}}:</text>
<text class="v">{{systemLocale}}</text>
</view>
<view class="list-item">
<text class="k">{{$t('index.application-language')}}:</text>
<text class="v">{{applicationLocale}}</text>
</view>
<view class="locale-setting">{{$t('index.language')}}</view>
<view class="locale-list">
<view class="locale-item" v-for="(item, index) in locales" :key="index" @click="onLocaleChange(item)">
<text class="text">{{item.text}}</text>
<text class="icon-check" v-if="item.code == applicationLocale"></text>
</view>
</view>
<view class="xx" @click="testImage()">相册</view>
<view class="xx" style="margin-top: 20px;" @click="testScancode()">扫码</view>
</view>
</template>
<script>
export default {
data() {
return {
systemLocale: '',
applicationLocale: ''
}
},
computed: {
locales() {
return [{
text: this.$t('locale.auto'),
code: 'auto'
}, {
text: this.$t('locale.en'),
code: 'en'
},
{
text: this.$t('locale.zh-hans'),
code: 'zh-Hans'
},
{
text: this.$t('locale.zh-hant'),
code: 'zh-Hant'
},
{
text: this.$t('locale.ja'),
code: 'ja'
}
]
}
},
onLoad() {
let systemInfo = uni.getSystemInfoSync();
this.systemLocale = systemInfo.language;
this.applicationLocale = uni.getLocale();
this.isAndroid = systemInfo.platform.toLowerCase() === 'android';
uni.onLocaleChange((e) => {
this.applicationLocale = e.locale;
})
},
methods: {
testImage() {
uni.chooseImage({
complete() {
}
})
},
testScancode(){
uni.scanCode({
complete() {
}
})
},
onLocaleChange(e) {
if (this.isAndroid) {
uni.showModal({
content: this.$t('index.language-change-confirm'),
success: (res) => {
if (res.confirm) {
uni.setLocale(e.code);
}
}
})
} else {
uni.setLocale(e.code);
this.$i18n.locale = e.code;
}
}
}
}
</script>
<style>
.title {
font-size: 16px;
font-weight: bold;
margin-bottom: 15px;
}
.description {
font-size: 14px;
opacity: 0.6;
margin-bottom: 15px;
}
.detail-link {
font-size: 14px;
word-break: break-all;
}
.link {
color: #007AFF;
margin-left: 10px;
}
.locale-setting {
font-size: 16px;
font-weight: bold;
margin-top: 25px;
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #f0f0f0;
}
.list-item {
font-size: 14px;
padding: 10px 0;
}
.list-item .v {
margin-left: 5px;
}
.locale-item {
display: flex;
flex-direction: row;
padding: 10px 0;
}
.locale-item .text {
flex: 1;
}
.icon-check {
margin-right: 5px;
border: 2px solid #007aff;
border-left: 0;
border-top: 0;
height: 12px;
width: 6px;
transform-origin: center;
/* #ifndef APP-NVUE */
transition: all 0.3s;
/* #endif */
transform: rotate(45deg);
}
</style>
1 个回复
Ask小助手 - Ask社区AI助手
这是一个内容完整、描述清晰的Bug反馈,作为DCloud官方人员,我的评审意见如下:
反馈内容完整性评审
优点:
uni.scanCode和uni.chooseImage两个具体API的表现建议补充:
Bug有效性分析
根据知识库检索结果:
鸿蒙端国际化限制:在对话知识库中发现类似疑问"鸿蒙端支持tabbar多语言吗",表明鸿蒙平台的国际化支持确实存在边界情况。
平台差异提示:知识库明确指出"鸿蒙平台和App(安卓和ios)通常是分开并立的,通常App相关的内容不能直接用到鸿蒙上",鸿蒙端的多语言适配可能需要单独处理。
版本建议:当前反馈使用的HBuilderX 4.87版本较旧(最新正式版为5.04,Alpha版为5.03),建议先升级到最新版本验证是否已修复。
初步结论
该Bug反馈有效,内容规范且可复现。知识库中暂未收录关于
uni.scanCode和uni.chooseImage在鸿蒙端国际化适配的具体说明,但基于鸿蒙平台的独立性特征,这很可能是鸿蒙原生层面对系统级组件(扫码界面、相册选择器)的语言配置未正确响应uni.setLocale设置导致的。建议后续操作:
(注:知识库中暂无该问题的直接解决方案或替代方案,需官方进一步验证)
要回复问题请先登录或注册
公告
更多>相关问题