63 lines
1.4 KiB
Vue
63 lines
1.4 KiB
Vue
<template>
|
|
<a-config-provider :locale="locale" :autoInsertSpaceInButton="false">
|
|
<div id="app">
|
|
<router-view/>
|
|
</div>
|
|
</a-config-provider>
|
|
</template>
|
|
|
|
<script>
|
|
import { domTitle, setDocumentTitle } from '@/utils/domUtil'
|
|
import { i18nRender } from '@/locales'
|
|
|
|
export default {
|
|
data () {
|
|
return {
|
|
}
|
|
},
|
|
computed: {
|
|
locale () {
|
|
// 只是为了切换语言时，更新标题
|
|
const { title } = this.$route.meta
|
|
title && (setDocumentTitle(`${i18nRender(title)} - ${domTitle}`))
|
|
|
|
return this.$i18n.getLocaleMessage(this.$store.getters.lang).antLocale
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
.ant-table td { white-space: nowrap !important; }
|
|
.ant-table th { white-space: nowrap !important; }
|
|
.ant-table-thead > tr > th, .ant-table-tbody > tr > td {
|
|
padding: 8px 8px !important;
|
|
overflow-wrap: break-word;
|
|
font-size: 14px;
|
|
}
|
|
.flexRowStart {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: flex-start;
|
|
}
|
|
.flexRowCenter {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
}
|
|
.flexCenterCenter {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.flexColumnCenterCenter{
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.shaixuan_float_left{
|
|
float: left;
|
|
margin-right: 20px;
|
|
}
|
|
</style> |