element自定义主题色

最新推荐文章于 2024-06-20 15:55:41 发布

李白和星星

最新推荐文章于 2024-06-20 15:55:41 发布

阅读量200

点赞数

文章标签： vue.js elementui 前端

本文链接：https://blog.csdn.net/qq_35469137/article/details/128552589

版权

仅替换主题色官网给出的在线主题生成链接theme-chalk-preview

选择好自定义的主题色右上角下载下来放到自己的项目文件夹里

修改main.js的引入

// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
//import ElementUI from 'element-ui';
import { Button,Input, Table, TableColumn, Select,
  Option,Checkbox,
  CheckboxButton,
  CheckboxGroup, Form,
  FormItem,  Pagination,} from 'element-ui';
// import 'element-ui/lib/theme-chalk/index.css';
//替换自己的主题色引入
import './assets/element/index.css';
import App from './App'
import router from './router'
import './utils/jquery-2.2.4.min.js'
//rem
import './utils/rem'
//重置样式
import './assets/css/reset.css'
import './assets/css/common.css'
Vue.config.productionTip = false



//Vue.use(ElementUI);
Vue.use(Button);
Vue.use(Input);
Vue.use(Table);
Vue.use(TableColumn);
Vue.use(Select);
Vue.use(Option);
Vue.use(Checkbox);
Vue.use(CheckboxButton);
Vue.use(CheckboxGroup);
Vue.use(Form);
Vue.use(FormItem);
Vue.use(Pagination);

let baseUrl=PLATFROM_CONFIG.baseUrl;
let baseUrl1=PLATFROM_CONFIG.baseUrl1;
let schcode = PLATFROM_CONFIG.schcode;

Vue.prototype.baseUrl = baseUrl;
Vue.prototype.baseUrl1 = baseUrl1;
Vue.prototype.schcode = schcode;
/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})