vue-element-admin 修改默认的全局字体尺寸为mini

vue-element-admin是一套相当不错的后台管理UI框架, 默认字体尺寸是Medium。

如果想修改默认尺寸为Mini ，那么只需要修改src/main.js 路径下的文件第34行即可。

Vue.use(Element, {size: Cookies.get('size') || 'mini', // set element-ui default sizelocale: enLang // 如果使用中文，无需设置，请删除
})

完整文件内容修改后如下：

import Vue from 'vue'import Cookies from 'js-cookie'import 'normalize.css/normalize.css' // a modern alternative to CSS resets
import Element from 'element-ui'
import './styles/element-variables.scss'
import enLang from 'element-ui/lib/locale/lang/en' // 如果使用中文语言包请默认支持，无需额外引入，请删除该依赖
import '@/styles/index.scss' // global css
import App from './App'
import store from './store'
import router from './router'import './icons' // icon
import './permission' // permission control
import './utils/error-log' // error log
import * as filters from './filters' // global filters
import { krryCascader, krryPaging } from 'krry-transfer'/*** If you don't want to use mock-server* you want to use MockJs for mock api* you can execute: mockXHR()** Currently MockJs will be used in the production environment,* please remove it before going online ! ! !*/
if (process.env.NODE_ENV === 'production') {const { mockXHR } = require('../mock')mockXHR()
}Vue.use(Element, {size: Cookies.get('size') || 'mini', // set element-ui default sizelocale: enLang // 如果使用中文，无需设置，请删除
})// register global utility filters
Object.keys(filters).forEach(key => {Vue.filter(key, filters[key])
})Vue.use(krryCascader)Vue.use(krryPaging)Vue.config.productionTip = falsenew Vue({el: '#app',router,store,render: h => h(App)
})

vue-element-admin 修改默认的全局字体尺寸为mini相关推荐

vue element admin登录方式切换（密码登录或短信登录）
显示结果: 具体代码可以根据vue element admin源码进行更改,下面是页面代码 <el-form ref="loginForm" :model="log ...
Vue Element Admin 使用mock模块模拟数据
Mock 数据是前端开发过程中必不可少的一环,是分离前后端开发的关键链路.通过预先跟服务器端约定好的接口,模拟请求数据甚至逻辑,能够让前端开发更加独立自主,不会被服务端的开发所阻塞. vue-elem ...
vue+element+admin（初始化项目）
2022.10.17我接触到了vue+element+admin的使用,首先要安装node.jshttps://nodejs.org/zh-cn/download/.和githttps://git-s ...
简单有效解决onenote无法设置或修改默认的英文字体“Calibri”（简单实用）
onenote中只能设置中文字体,英文字体只能用默认的"Calibri",中英文和数字混排时,效果极差,极其烦人.是否有办法同时或分别设置onenote中.英文字体呢?办法是有的. ...
后端使用SpringBoot和Jwt工具与Redis数据库+前端Vue Element Admin实现用户携带token的登录功能案例
登录功能描述: 前端输入对应的用户信息 ,在用户输入邮箱后点击发送按钮给邮箱发送验证码,拿取到验证填完之后,点击登录按钮给后端发送请求 ,后端接收到请求之后 ,第一步校验验证码,第二步校验用户名和密 ...
自定义DatePicker修改默认颜色和字体,选中颜色和字体,分割线
1,设置默认的字体大小和颜色在你的Androidmanifest.xml 对应的 android:theme="" 中添加: <item name="androi ...
Vue Element Admin 添加侧边栏以及他的页面
1. 在 /src/views/ 下添加需要的页面 2. 配置路由器 router 中的路由表 routes,分为 constantRoutes 和 asyncRoutes. 将路由的配置信息添加进路 ...
vue element 的el-checkbox-group默认全部选中
 <template><div class="message-box dialog-mask"><div ...
Vue Element Admin 用mock模块模拟数据
步骤简单一在 src/api/charts 中添加接口 , 方法名为 getindexMock import request from '@/utils/request'export func ...

vue-element-admin 修改默认的全局字体尺寸为mini

vue-element-admin 修改默认的全局字体尺寸为mini相关推荐

最新文章

热门文章