init dev-push code ui base design
This commit is contained in:
20
plugins/ant-design-vue.js
Normal file
20
plugins/ant-design-vue.js
Normal file
@ -0,0 +1,20 @@
|
||||
import Vue from "vue";
|
||||
// import Antd from "ant-design-vue";
|
||||
import { Row, Col, Card, Button, Checkbox, DatePicker, Select, Table, Modal, Input, Icon, Divider } from "ant-design-vue";
|
||||
|
||||
import 'ant-design-vue/dist/antd.css'
|
||||
// import { RangePicker } from "ant-design-vue/types/date-picker/range-picker";
|
||||
|
||||
Vue.component(Row.name, Row)
|
||||
Vue.component(Col.name, Col)
|
||||
Vue.component(Card.name, Card)
|
||||
Vue.component(Button.name, Button)
|
||||
Vue.component(Checkbox.name, Checkbox)
|
||||
Vue.component(DatePicker.name, DatePicker)
|
||||
Vue.component(Select.name, Select)
|
||||
Vue.component(Table.name, Table)
|
||||
Vue.component(Modal.name, Modal)
|
||||
Vue.component(Input.name, Input)
|
||||
Vue.component(Icon.name, Icon)
|
||||
Vue.component(Divider.name, Divider)
|
||||
// Vue.component(RangePicker.name, RangePicker)
|
@ -1,11 +1,8 @@
|
||||
import $cookie from 'vue-cookie';
|
||||
|
||||
export default ({ $axios, res }) => {
|
||||
$axios.onRequest(config => {
|
||||
|
||||
config.headers.common['AUTHENTICATION_FEMS_SESSION'] = `${$cookie.get(
|
||||
'FEMS_SESSION',
|
||||
)}`;
|
||||
// config.headers['set1-cookie'] = `${$cookie.get('FEMS_SESSION',)}`;
|
||||
});
|
||||
};
|
||||
|
@ -1,6 +1,7 @@
|
||||
import Vue from 'vue';
|
||||
import { use } from 'echarts/core';
|
||||
import VChart from 'vue-echarts';
|
||||
import * as echarts from 'echarts'
|
||||
import { CanvasRenderer, SVGRenderer } from 'echarts/renderers';
|
||||
import {
|
||||
PieChart,
|
||||
@ -51,4 +52,5 @@ use([
|
||||
// ToolboxComponent, // 그래프 이미지 save
|
||||
]);
|
||||
|
||||
console.log('echart plugin', echarts)
|
||||
Vue.component('VChart', VChart);
|
||||
|
@ -2,4 +2,8 @@ import Vue from 'vue';
|
||||
import RouterTab from 'vue-router-tab';
|
||||
import 'vue-router-tab/dist/lib/vue-router-tab.css';
|
||||
|
||||
import VueCompositionAPI from '@vue/composition-api';
|
||||
Vue.use(VueCompositionAPI);
|
||||
|
||||
|
||||
Vue.use(RouterTab);
|
||||
|
@ -6,12 +6,17 @@ import icoDarkDashPeak from '~/components/icons/icoDarkDashPeak';
|
||||
import icoDarkDashPeakWidget from '~/components/icons/icoDarkDashPeakWidget';
|
||||
import icoCalendar from '~/components/icons/icoCalendar';
|
||||
import icoAdminMenu from '~/components/icons/icoAdminMenu';
|
||||
|
||||
import icoBulletPoint from '~/components/icons/icoBulletPoint';
|
||||
import icoChevronDown from '~/components/icons/icoChevronDown';
|
||||
import icoSearch from '~/components/icons/icoSearch';
|
||||
import icoSend from '~/components/icons/icoSend';
|
||||
import '@mdi/font/css/materialdesignicons.css'; // Ensure you are using css-loader
|
||||
import 'material-design-icons-iconfont/dist/material-design-icons.css';
|
||||
import Vue from 'vue';
|
||||
import Vuetify from 'vuetify/lib';
|
||||
|
||||
|
||||
|
||||
Vue.use(Vuetify);
|
||||
|
||||
export default new Vuetify({
|
||||
@ -19,7 +24,7 @@ export default new Vuetify({
|
||||
dark: true,
|
||||
themes: {
|
||||
dark: {
|
||||
primary: '#196dcb',
|
||||
primary: '#1668DC',
|
||||
accent: colors.grey.darken3,
|
||||
secondary: colors.amber.darken3,
|
||||
info: colors.teal.lighten1,
|
||||
@ -28,7 +33,7 @@ export default new Vuetify({
|
||||
success: colors.green.accent3,
|
||||
},
|
||||
light: {
|
||||
primary: '#4777d9',
|
||||
primary: '#1677FF',
|
||||
},
|
||||
},
|
||||
},
|
||||
@ -56,6 +61,18 @@ export default new Vuetify({
|
||||
darkDashChargeWidget: {
|
||||
component: icoDarkDashChargeWidget,
|
||||
},
|
||||
icoBulletPoint: {
|
||||
component: icoBulletPoint,
|
||||
},
|
||||
icoChevronDown: {
|
||||
component: icoChevronDown,
|
||||
},
|
||||
icoSearch: {
|
||||
component: icoSearch,
|
||||
},
|
||||
icoSend: {
|
||||
component: icoSend,
|
||||
},
|
||||
},
|
||||
},
|
||||
});
|
||||
|
Reference in New Issue
Block a user