岚苑

摘要： SCSS安装与调试 需要安装的依赖包如下： node-sass：sass-loader依赖 sass-loader：解析sass/scss文件 这些包，只是开发环境需要，方便开发调试，而生产环境是不需要的，所以安装代码如下: cnpm install node-sass sass-loader -- 阅读全文

摘要： 1. Node 环境搭建 安装方法： https://www.cnblogs.com/lanyuan3/p/14189078.html 2. webpack 安装 Webpack 是一个前端资源加载/打包工具。因为我们用VUE写的东西浏览器不能直接识别，所以一定需要安装这个，用于编译。 安装方法： 阅读全文

摘要： 之前的导航栏是静态写死的，现在我们需要将其改为动态的：路由修改后，导航栏也随之修改，页面根据路由进行跳转。 分析代码 原SideBar.vue中导航栏代码 <el-menu default-active="3-1" class="el-menu-vertical-demo" @open="isOpe 阅读全文

摘要： 组件模块封装后，发现侧边栏收缩和展开的功能不起作用了，这是因为，按钮在头部组件，侧边栏在侧边栏组件，组件之间默认不共享信息。为了解决该问题，我们引入了vuex专门管理应用状态，解决组件状态共享。 安装 npm install vuex --save（回车） 测试 参考文献： Vue + Elemen 阅读全文

摘要： 组件封装的步骤 1、确定组件结构 2、新增组件页面 3、修改新增的组件页面和HOME页面 4、HOME文件引入模块 5、测试 【注】完成之前没做完的准备工作 因为以前写文件名都是采用驼峰法写，采用的是小写开头，但据观察VUE文件普遍采用的是大写开头，所以要把所有vue文件的文件名都改成大写开头，并在 阅读全文

摘要： 1. 页面样式 2. 页面代码-用Home文件做测试 HTML <template> <el-container :style="{ height: clientHeight + 'px' }"> <el-aside :style="{ width: [isCollapse ? asideWidth 阅读全文

摘要： 1. 参考文献 Vue + Element UI 实现权限管理系统 前端篇（四）：优化登录流程 https://www.cnblogs.com/xifengxiaoma/p/9537205.html 2. 最终样式 3. Code HTML <template> <div class="login- 阅读全文

摘要： 1. 文件存放说明 1.1 src/assets 公共样式文件均存放在该目录 ## 文件夹结构说明 common common在src/view目录下的main.js中引用，公共类和覆盖掉Element UI的 colors 页面常用的颜色变量汇总，不直接编译。 mixin 文字对齐方式和浮动，不直 阅读全文

摘要： 1. 设计主题配色 + 页面样式 .......原型和UI设计过程..... ........ 设计过程所用的软件说明 原型软件： Axure 设计软件： Adobe XD 配色参考：Adobe Color 2. 官方修改主题文档说明 https://element.eleme.cn/#/zh-CN 阅读全文

摘要： 参考文献： 1、Node + Vue + Webpage 创建项目 https://www.cnblogs.com/lanyuan3/p/14282745.html 2、SCSS安装与调试，favicon图标，添加字体图标 Font Awesome，添加一些自定义的图标 https://www.cn 阅读全文