1 line
6.4 KiB
JSON
1 line
6.4 KiB
JSON
{"remainingRequest":"/Users/kang/Gitea/vue-element-admin/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/kang/Gitea/vue-element-admin/src/views/i18n-demo/index.vue?vue&type=style&index=0&id=d3c411ea&scoped=true&lang=css","dependencies":[{"path":"/Users/kang/Gitea/vue-element-admin/src/views/i18n-demo/index.vue","mtime":1754409279872},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/css-loader/dist/cjs.js","mtime":1754409278208},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":1754409279720},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/postcss-loader/src/index.js","mtime":1754409279211},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/cache-loader/dist/cjs.js","mtime":1754409278035},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/vue-loader/lib/index.js","mtime":1754409279720}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgouYm94LWNhcmQgewogIHdpZHRoOiA2MDBweDsKICBtYXgtd2lkdGg6IDEwMCU7CiAgbWFyZ2luOiAyMHB4IGF1dG87Cn0KLml0ZW0tYnRuewogIG1hcmdpbi1ib3R0b206IDE1cHg7CiAgbWFyZ2luLWxlZnQ6IDBweDsKfQouYmxvY2sgewogIHBhZGRpbmc6IDI1cHg7Cn0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2JA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/i18n-demo","sourcesContent":["<template>\n <div>\n <el-card class=\"box-card\" style=\"margin-top:40px;\">\n <div slot=\"header\" class=\"clearfix\">\n <svg-icon icon-class=\"international\" />\n <span style=\"margin-left:10px;\">{{ $t('i18nView.title') }}</span>\n </div>\n <div>\n <el-radio-group v-model=\"lang\" size=\"small\">\n <el-radio label=\"zh\" border>\n 简体中文\n </el-radio>\n <el-radio label=\"en\" border>\n English\n </el-radio>\n <el-radio label=\"es\" border>\n Español\n </el-radio>\n <el-radio label=\"ja\" border>\n 日本語\n </el-radio>\n </el-radio-group>\n <el-tag style=\"margin-top:15px;display:block;\" type=\"info\">\n {{ $t('i18nView.note') }}\n </el-tag>\n </div>\n </el-card>\n\n <el-row :gutter=\"20\" style=\"margin:100px 15px 50px;\">\n <el-col :span=\"12\" :xs=\"24\">\n <div class=\"block\">\n <el-date-picker v-model=\"date\" :placeholder=\"$t('i18nView.datePlaceholder')\" type=\"date\" />\n </div>\n <div class=\"block\">\n <el-select v-model=\"value\" :placeholder=\"$t('i18nView.selectPlaceholder')\">\n <el-option\n v-for=\"item in options\"\n :key=\"item.value\"\n :label=\"item.label\"\n :value=\"item.value\"\n />\n </el-select>\n </div>\n <div class=\"block\">\n <el-button class=\"item-btn\" size=\"small\">\n {{ $t('i18nView.default') }}\n </el-button>\n <el-button class=\"item-btn\" size=\"small\" type=\"primary\">\n {{ $t('i18nView.primary') }}\n </el-button>\n <el-button class=\"item-btn\" size=\"small\" type=\"success\">\n {{ $t('i18nView.success') }}\n </el-button>\n <el-button class=\"item-btn\" size=\"small\" type=\"info\">\n {{ $t('i18nView.info') }}\n </el-button>\n <el-button class=\"item-btn\" size=\"small\" type=\"warning\">\n {{ $t('i18nView.warning') }}\n </el-button>\n <el-button class=\"item-btn\" size=\"small\" type=\"danger\">\n {{ $t('i18nView.danger') }}\n </el-button>\n </div>\n </el-col>\n <el-col :span=\"12\" :xs=\"24\">\n <el-table :data=\"tableData\" fit highlight-current-row border style=\"width: 100%\">\n <el-table-column :label=\"$t('i18nView.tableName')\" prop=\"name\" width=\"100\" align=\"center\" />\n <el-table-column :label=\"$t('i18nView.tableDate')\" prop=\"date\" width=\"120\" align=\"center\" />\n <el-table-column :label=\"$t('i18nView.tableAddress')\" prop=\"address\" />\n </el-table>\n </el-col>\n </el-row>\n </div>\n</template>\n\n<script>\nimport local from './local'\nconst viewName = 'i18nView'\n\nexport default {\n name: 'I18n',\n data() {\n return {\n date: '',\n tableData: [{\n date: '2016-05-03',\n name: 'Tom',\n address: 'No. 189, Grove St, Los Angeles'\n },\n {\n date: '2016-05-02',\n name: 'Tom',\n address: 'No. 189, Grove St, Los Angeles'\n },\n {\n date: '2016-05-04',\n name: 'Tom',\n address: 'No. 189, Grove St, Los Angeles'\n },\n {\n date: '2016-05-01',\n name: 'Tom',\n address: 'No. 189, Grove St, Los Angeles'\n }],\n options: [],\n value: ''\n }\n },\n computed: {\n lang: {\n get() {\n return this.$store.state.app.language\n },\n set(lang) {\n this.$i18n.locale = lang\n this.$store.dispatch('app/setLanguage', lang)\n }\n }\n },\n watch: {\n lang() {\n this.setOptions()\n }\n },\n created() {\n if (!this.$i18n.getLocaleMessage('en')[viewName]) {\n this.$i18n.mergeLocaleMessage('en', local.en)\n this.$i18n.mergeLocaleMessage('zh', local.zh)\n this.$i18n.mergeLocaleMessage('es', local.es)\n this.$i18n.mergeLocaleMessage('ja', local.ja)\n }\n this.setOptions() // set default select options\n },\n methods: {\n setOptions() {\n this.options = [\n {\n value: '1',\n label: this.$t('i18nView.one')\n },\n {\n value: '2',\n label: this.$t('i18nView.two')\n },\n {\n value: '3',\n label: this.$t('i18nView.three')\n }\n ]\n }\n }\n}\n</script>\n\n<style scoped>\n.box-card {\n width: 600px;\n max-width: 100%;\n margin: 20px auto;\n}\n.item-btn{\n margin-bottom: 15px;\n margin-left: 0px;\n}\n.block {\n padding: 25px;\n}\n</style>\n"]}]} |