国际化配置

QYF-GitLab1

16 小时以前 34b5a2d5028937a48ab1ee5436422098ec3eb634

国际化配置

 src/App.vue

@@ -1,9 +1,11 @@
<script setup>
import { RouterView } from 'vue-router'
import { ElConfigProvider } from 'element-plus'
import zhCn from 'element-plus/es/locale/lang/zh-cn'
</script>

<template>
  <RouterView />
  <el-config-provider :locale="zhCn"> <RouterView /></el-config-provider>
</template>

<style scoped>

 src/layout/components/headerPage.vue

@@ -44,10 +44,10 @@
              </span>
              <template #dropdown>
                <el-dropdown-menu>
                  <el-dropdown-item icon="el-icon-user" command="gotoPersonalCenter"
                  <el-dropdown-item :icon="Avatar" command="gotoPersonalCenter"
                    >个人中心</el-dropdown-item
                  >
                  <el-dropdown-item icon="el-icon-switch-button" command="logout"
                  <el-dropdown-item :icon="SwitchButton" command="logout"
                    >退出登录</el-dropdown-item
                  >
                </el-dropdown-menu>
@@ -77,7 +77,7 @@
<script setup lang="ts">
import login from './login.vue'
import { onMounted, provide, ref } from 'vue'
import { Search } from '@element-plus/icons-vue'
import { Search, Avatar, SwitchButton } from '@element-plus/icons-vue'
import { useUserStore } from '@/store'
import { useRouter } from 'vue-router'
const userStore = useUserStore()

 src/main.js

@@ -12,8 +12,6 @@
import MG from '@/assets/js/middleGround/WebMiddleGroundApi.js'
import toolClass from '@/assets/js/toolClass.js'
import config from '@/assets/js/config.js'
// import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
import locale from 'element-plus/es/locale/lang/zh-cn'

const app = createApp(App)

@@ -28,8 +26,4 @@
app.use(ElementPlus)
app.use(createPinia())
app.use(router)
// app.use(ElementPlus, {
//   locale: zhCn,
// })
app.use(ElementPlus, { locale })
app.mount('#app')

 src/views/personalCenter/course.vue

@@ -234,11 +234,18 @@
      pages.loading = false
      pages.count = res.totalSize
      courseList.value = res.datas.map((item: any) => {
        if (item.icon) {
          item.icon = getPublicImage(item.icon, 80)
        } else if (item.linkProduct?.icon) {
          item.icon = getPublicImage(item.linkProduct.icon, 80)
        } else {
          item.icon = defaultImg
        }
        return {
          ...item,
          name: item.name,
          id: item.id,
          icon: item.icon != 'default' ? getPublicImage(item.icon, 80) : defaultImg,
          icon: item.icon,
          introduction: item.description,
          reason: item.applyReturnMsg ? JSON.parse(item.applyReturnMsg).reason : '',
        }