vue-element-admin修改一些外观对应的一些文件（修改系统名称或者logo或者样式）

最新推荐文章于 2024-05-10 10:19:31 发布
最新推荐文章于 2024-05-10 10:19:31 发布
阅读量1k 收藏 2
点赞数
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cc6_66/article/details/109111508
版权

vue-element-admin修改一些外观对应的一些文件（修改系统名称或者logo或者样式）

将所有的’Vue Admin Template’替换为自己项目的名称

  1. settings.js 参数配置文件，用于设置是否显示logo，是否固定头等信息；
  2. vue.config.js 项目核心配置文件，主要用于webpack相关配置；

lintOnSave 设置为false可以关闭eslint

publicPath 设置为./表示静态资源使用相对路径

  1. src/views/login：修改登录界面；
  2. src/layout/components/sidebar：修改左上角系统名称和logo；

主题定制：
登录界面： src/views/login.vue
整体布局： src/layout
scss变量： src/styles, 可以向该目录中添加element-variables.scss

呆子小木心
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue-element-template 开发札记 之 零散配置修改
Main_1125的博客
10-28 193
vue-element-template 开发札记 之 零散配置修改 1、Title 1.1、修改/src/layout/components/Sidebar/Logo.vue 1.2、修改/src/utils/get-page-title.js 2、面包屑 修改/src/components/Breadcrumb/index.vue 3、用户头像下拉列表 修改/src/layout/components/Navbar.vue 参考：https://blog.csdn.net/qq_3714367
vue-element-admin中文版本
07-20
Vue-element-admin 是基于 Vue.js 的一套全面的后台管理系统模板，它利用了 Element UI 这个流行的 UI 组件库，提供了一系列预设的页面模板、路由、权限管理等功能，极大地加速了后台管理系统的开发过程。...
vue-element-admin 修改左上角系统名称和logo
weixin_43870916的博客
03-15 7408
修改 src/layout/components/Sidebar/Logo.vue data() { return { title: '系统名称', logo: 'logo地址' } }
【Vue】更换vue-element-admin左侧 logo
最新发布
weixin_47375144的博客
05-10 284
更换 vue-element-admin 左侧logo
vue-element-template logo设置
搞笑范fan
12-01 232
vue-element-template logo设置
elementUI+vue修改文件名（不是文件夹的话只修改名字，不修改后缀名）的实现方法
每文的博客
05-09 3096
不做不知道，一做就懵了。 今天遇到一个需求：如果是文件夹就可以直接修改名字，如果不是文件夹，是一个有后缀名的文件，那么只修改除后缀名之外的部分 修改文件夹： 修改有后缀名的文件： 直接上结果： 方法一： 用一个存储变量来存储有后缀名的前缀，然后进行双向绑定，之后用户改变了input中的值后再把存储变量的值赋值给原来的filename: 用一个存储变量来存储文件的前缀： 进行双向绑定： 数据发生改变后进行传送赋值： 此方法工作量多，还要进行循环，感觉有点麻烦
前端学习（3026）：vue+element今日头条管理-调整外观
歌谣的博客
06-16 117
vue-element-admin 集成框架设置中文语言
11-10
Vue-element-admin是基于Vue.js构建的一个后台管理界面框架，它结合了Element UI组件库，提供了丰富的UI组件和强大的功能，使得开发者能够快速搭建企业级的后台管理系统。 在"vue-element-admin 集成框架设置中文...
vue-element-admin_vue-element_vue-element-admin_elementadmin官网_v
10-02
在实际开发中，通过阅读`vue-element-admin`源码，可以深入理解这些技术的实践应用，同时，不断探索和学习新的前端技术和最佳实践，提升自己的开发能力。在项目中遇到问题时，可以查阅官方文档或社区资源，如GitHub...
vue3-element-admin:vue-element-admin的vue3版本
03-08
基于最新的vue开发堆栈，并且具有内置的i18n解决方案，企业应用程序的典型模板以及许多出色的功能。 它可以帮助您构建大型而复杂的单页应用程序。 我相信无论您有什么需求，该项目都将为您提供帮助。国内用户可访问...
vue3-element-admin：vue3 + element-plus + typescript 后台管理系统
05-04
vue3-element-admin 是【有来开源组织】基于 Vue3 + Vite4 + TypeScript + Element-Plus + Pinia 等前端主流技术栈从0到1搭建后台管理系统模板（前后端开源）。 后端是基于 Spring Boot 3.0 、Spring Security 6.0 ...
开源vue-element-admin/temple修改logo图标
凉酱的博客
12-08 2865
之前尝试很多，都没办法修改这个网站原本的图标， 虽然看得出来在src/layout/components/Sidebar/Logo.vue文件中设置了logo， 但是一直修改不起作用， 最终发现根源在于没有找到根本的logo设置路径。 正确的修改方法如下： 在public目录下的favicon就是最终展示的网站logo，而这个logo的设置位置在index.html下 我们把这个ico图标的图片换成自己的就好了，别的不用管了。实际上在自己创建的vue项目的话，这个文件相当于我们那个原始的index.ht
vue-admin-template中左上角logo让其显示、修改为自定义图片
CSDN_XHC的博客
05-07 4656
目录显示logo修改logo 显示logo 1. 找到settings.js文件，找到sidebarLogo(侧边栏logo) 2. 修改sidebarLogo的值为true 修改logo 1. 找到src/layout/components/Sidebar目录下的Logo.vue 2. 在logo那里填写自己的图片路径 3. 在Logo.vue中您不仅可以修改图片路径，还可以修改相关样式，让自己的样式更漂亮 ...
一步步创建vue-element-admin框架实现008-动态设置Logo和固定navbar头
binggoling
01-07 1444
目录一步步创建vue-element-admin框架实现008-动态设置Logo和固定navbar头一、效果二、配置实现 一步步创建vue-element-admin框架实现008-动态设置Logo和固定navbar头 一、效果 动态设置展示sidebar系统Logo、固定navbar头 界面设置 二、配置实现 1）新增文件：src\components\RightPanel\index.vue 直接拷贝my-vue-element-admin的src\components\RightPanel\ind
vue-element-admin 显示及其修改logo
m0_53612276的博客
08-20 2270
如果要在侧栏上显示logo 和 标题的话我们需要修改配置文件 config/settings.js 里面的sidebarLogo 设定为true. 然后我们在 layout/components/Sidebar/Logo.vue 中可以修改图标和标题 如果要修改标签页的标题可以修改 config/settings.js 中的 title 修改项目根目录下的 public/favicon.ico 可以修改标签页的图标 ...
vue-admin-element登录页面改造
一个一直在努力的前端小白，在为了成为全栈程序员的道路上加油！
08-11 965
Element 的官方地址为 http://element-cn.eleme.io/#/zh-CN，该网站为我们提供了丰富的组件样例，点击网站中的“显示代码”，复制需要部分。使用npm进行安装npm i element-ui -S。
vue 修改logo实现展示自定义的logo
聪明不喝牛奶的博客
07-15 2364
vue 修改logo实现展示自定义的logo 在vue-element-template 二次开发的时候，肯定是要把默认的logo给换成自己的logo让这个项目看上去就是自己的“一次开发”！开干！ 首先 找到这个文件夹的位置 打开index.html文件，在方框的位置替换自己的 .ico 文件 那么这里肯定有人会问那我怎么去找这个图标呢？ 接下来就是重头戏来了 介绍一个阿里巴巴的iconfort 图标库（开源） https://www.iconfont.cn/plus 你把这个svg下载下来再用另一个转
【Vue项目搭建】vue-admin-template修改
qq_20623665的博客
12-22 831
在actions操作mutations，存储token，并永久持有，防止vuex token丢失。登录，账号密码错误，但是服务器请求是成功的，此时可以通过响应数据判断。如果接口没有解决跨域，需要设置代理，先注释掉request基地址。success是后台返回的数据。值为false和ture。在vue.config.js 的devServer。使用dispatch调用actions操作异步。target: '基地址'如果有token，添加请求头。重置vuex，的user。
对vue-admin-template登录进行修改
weixin_47099975的博客
07-15 3594
1，克隆项目 git clone https://github.com/PanJiaChen/vue-element-admin.git 2，进入项目目录 cd vue-element-admin 3，安装依赖 npm install 1，导入vue-admin-template 项目后 打开.env.development.env.production.env.staging 对请求路径进行修改 2，修改后对src/utils/request.js下的这个文件进行响应的修...
vue-admin-template和vue-element-admin
09-13
vue-admin-template和vue-element-admin是两个不同的项目。 vue-admin-template是一个基于vue-element-admin的后台管理系统基础模板，可以作为模板进行二次开发。它提供了一个简洁的基础框架，适合用于中小型后台...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值