vue-element-admin入门修改

修改网页侧边栏

1. 修改网站名称，让侧边栏头部显示
   文件路径：src/setting.js

   Title:""   //网页tittle;
   sidebarLogo：ture   //默认是false  改为ture显示侧边栏头部 

2. 修改侧边栏头部名称
   文件路径：src/layout/components/sidebar/logo.vue

   data() {
   return {
     title: 'Oranjee',  //侧边栏头部名称
     logo: 'https://wpimg.wallstcn.com/69a1c46c-eb1c-4b46-8bd4-e9e686ef5251.png' //侧边栏头部icon
     //如果icon是放在本地的话：请使用require() 
     //例如：require('../../../assets/logo.png')
       }
   }

3. 修改侧边栏颜色
   侧边栏主文件路径：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;   //侧边栏的宽度

跨域解决方案

1. 修改根目录vue.config.js文件
   添加配置文件

     devServer: {
           proxy: {
               "/href": {
                   target: "http://**.**.**:***", //需要跳转的服务器地址
                   pathRewrite: {
                       '^/href': '' //浏览器会根据读取的带有href开头的进行重写
                   },
                   changeOrigin: true,
                   // secure: false,
               }
           },
       },

2. 在请求路径前添加/href
   例如：

   export function obtainNews(data) {
       return request({
           url:'/href/"+"请求路径'
           method:'get',   
           data
           })
       }

   注：修改配置文件后需要重启项目

在表格中使用Element-ui中的select选择器

1. 在表格中添加以下代码

   参考链接

在sass中要改变element-ui某个深层元素（eg:.el-input__inner）或其他深层样式时

1. 需要使用::v-deep指令

   .page ::v-deep .el_button{}

   注：切记v-deep前必须是双冒号

2. 需要使用/deep/

   .el-form {
       /deep/.el-input__inner {
           padding-right: 10px;
           font-size: 16px;
           width: 360px;
           height: 72px;
       }
       /deep/.el-textarea__inner {
           font-size: 16px;
   
           width: 1210px;
       }
   }