UA 实时页面 顶部栏 国际化

he wei

2023-04-18 db05278c9d2d32f2cee7afb59bff6f4ed1baf352

 src/layout/components/PifuList.vue

@@ -20,7 +20,7 @@
                  </div>
                </el-image>
              </div>
              <div class="pifu-item-txt">{{ item.name }}</div>
              <div class="pifu-item-txt">{{ $t(item.name) }}</div>
            </div>
          </el-col>
        </el-row>
@@ -30,8 +30,13 @@
</template>

<script>
import i18n from './i18n/pifuList';
import { createI18nOption } from '@/assets/js/tools/i18n';

const i18nMixin = createI18nOption(i18n);
export default {
  name: "PifuList",
  mixins: [i18nMixin],
  data() {
    return {
      fullScreen: false,
@@ -39,32 +44,32 @@
      skinList: [
        {
          img: require("@/assets/images/theme/science.png"),
          name: "科技蓝",
          name: 'Blue',
          skin: "science-blue"
        },
        {
          img: require("@/assets/images/theme/science2.png"),
          name: "荧光绿",
          name: "Green",
          skin: "science-green"
        },
        {
          img: require("@/assets/images/theme/science3.png"),
          name: "优雅黑",
          name: "Black",
          skin: "science-black"
        },
        {
          img: require("@/assets/images/theme/science4.png"),
          name: "木槿紫",
          name: "Purple",
          skin: "science-purple"
        },
        {
          img: require("@/assets/images/theme/science5.png"),
          name: "紫罗兰",
          name: "Violet",
          skin: "science-ziluolan"
        },
        {
          img: require("@/assets/images/theme/science6.png"),
          name: "靛青色",
          name: "Indigo",
          skin: "science-skyBlue"
        }
      ]