207 lines
2.7 KiB
Vue
207 lines
2.7 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;
|
|
}
|
|
|
|
.flex {
|
|
display: flex;
|
|
}
|
|
.flex-rr {
|
|
display: flex;
|
|
flex-direction: row-reverse;
|
|
}
|
|
.flex-c {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.flex-cr {
|
|
display: flex;
|
|
flex-direction: column-reverse;
|
|
}
|
|
.flex-1 {
|
|
flex: 1;
|
|
}
|
|
.ai-fs {
|
|
align-items: flex-start;
|
|
}
|
|
.ai-fe {
|
|
align-items: flex-end;
|
|
}
|
|
.ai-c {
|
|
align-items: center;
|
|
}
|
|
.ai-s {
|
|
align-items: stretch;
|
|
}
|
|
.jc-c {
|
|
justify-content: center;
|
|
}
|
|
.jc-sb {
|
|
justify-content: space-between;
|
|
}
|
|
.jc-sa {
|
|
justify-content: space-around;
|
|
}
|
|
.jc-fs {
|
|
justify-content: flex-start;
|
|
}
|
|
.jc-fe {
|
|
justify-content: flex-end;
|
|
}
|
|
.fw-w {
|
|
flex-wrap: wrap;
|
|
}
|
|
.fw-n {
|
|
flex-wrap: nowrap;
|
|
}
|
|
.fw-wr {
|
|
flex-wrap: wrap-reverse;
|
|
}
|
|
|
|
.scroller {
|
|
overflow: auto;
|
|
}
|
|
.scroller-x {
|
|
overflow-x: auto;
|
|
}
|
|
.scroller-y {
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.oh {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.pr {
|
|
position: relative;
|
|
}
|
|
.pa {
|
|
position: absolute;
|
|
}
|
|
.pf {
|
|
position: fixed;
|
|
}
|
|
.zi0 {
|
|
z-index: 0;
|
|
}
|
|
.zi1 {
|
|
z-index: 1;
|
|
}
|
|
.zi2 {
|
|
z-index: 2;
|
|
}
|
|
.zi3 {
|
|
z-index: 3;
|
|
}
|
|
.zi4 {
|
|
z-index: 4;
|
|
}
|
|
.zi5 {
|
|
z-index: 5;
|
|
}
|
|
.zi6 {
|
|
z-index: 6;
|
|
}
|
|
.zi7 {
|
|
z-index: 7;
|
|
}
|
|
.zi8 {
|
|
z-index: 8;
|
|
}
|
|
.zi9 {
|
|
z-index: 9;
|
|
}
|
|
.zi10 {
|
|
z-index: 10;
|
|
}
|
|
.zi20 {
|
|
z-index: 20;
|
|
}
|
|
.zi50 {
|
|
z-index: 50;
|
|
}
|
|
.zi100 {
|
|
z-index: 100;
|
|
}
|
|
.zi200 {
|
|
z-index: 200;
|
|
}
|
|
.zi500 {
|
|
z-index: 500;
|
|
}
|
|
.zi1000 {
|
|
z-index: 1000;
|
|
}
|
|
.zi2000 {
|
|
z-index: 2000;
|
|
}
|
|
.zi5000 {
|
|
z-index: 5000;
|
|
}
|
|
.zi9999 {
|
|
z-index: 9999;
|
|
}
|
|
</style>
|