当前位置: 首页 > Web前端 > vue.js

vue-element-admin入口修改

时间:2023-03-31 22:19:46 vue.js

修改网页侧边栏,修改网站名称,使侧边栏头部显示文件路径:src/setting.jsTitle:""//页面标题;sidebarLogo:ture//默认为false,改成ture显示侧边栏的header的修改Sidebarheadername文件路径:src/layout/components/sidebar/logo.vuedata(){return{title:'Oranjee',//sidebarheadernamelogo:'https://wpimg.wallstcn.com/69a1c46c-eb1c-4b46-8bd4-e9e686ef5251.png'//侧边栏标题图标//如果图标放在本地:请使用require()//例如:require('../../../assets/logo.png')}}修改侧边栏颜色侧边栏主文件路径:src/layout/components/sidebar/index.vue修改侧边栏颜色路径:src/styles/variables.scss$menuText:#bfcbd9;//侧边栏字体的默认颜色$menuActiveText:#409EFF;//点击菜单的字体颜色$subMenuActiveText:#f5f4f4;//子菜单选中后一级菜单的颜色$menuBg:#384066;//菜单背景色$menuHover:#263445;//菜单浮动颜色变化$subMenuBg:#1f2d3d;//子菜单背景色$subMenuHover:#001528;//子菜单浮动背景色$sideBarWidth:210px;//侧边栏宽度跨域解决方案修改根目录vue.config.js文件添加配置文件devServer:{proxy:{"/href":{target:"http://**.**.**:***",//需要重定向的服务器地址pathRewrite:{'^/href':''//浏览器会按照href开头的read重写},changeOrigin:true,//secure:false,}},},在请求路径前添加/href例如:exportfunctionobtainNews(data){returnrequest({url:'/href/"+"请求路径'method:'get',data})注意:修改配置文件后需要重启工程。使用Element-ui中的select选择器在表格中添加如下代码改变深度时需要使用参考链接element-ui的元素(例如:.el-input__inner)或sass中的其他深层样式::v-deepcommand.page::v-deep.el_button{}注意:记住v-deep前面必须有双冒号并且你需要使用/deep/.el-form{/deep/.el-input__inner{padding-right:10px;字体大小:16px;宽度:360px;高度:72px;}/deep/.el-textarea__inner{字体大小:16px;宽度:1210px;}}