FLASK+VUE–前后端分离（一）-Flask基础讲解之路由、视图函数及代码实现FLASK+VUE–前后端分离（二）-VUE基础安装及项目的简易介绍FLASK+VUE–前后端分离（三）-VUE+Element-UI搭建登陆页面且能够正常登陆FLASK+VUE–前后端分离（四）-VUE+Element-UI简单搭建主页布局FLASK+VUE–前后端分离（五）-VUE测试/线上/开发环境地址配置+拦截器+全局导航守卫+基础配置+获取设置cookie等系列一、简单介绍所用到的基本库及安装配置（一）、在VUE项目内引用Element-UI及配置Element-UI简介：Element，一套为开发者、
FLASK+VUE–前后端分离（一）-Flask基础讲解之路由、视图函数及代码实现FLASK+VUE–前后端分离（二）-VUE基础安装及项目的简易介绍FLASK+VUE–前后端分离（三）-VUE+Element-UI搭建登陆页面且能够正常登陆FLASK+VUE–前后端分离（四）-VUE+Element-UI简单搭建主页布局FLASK+VUE–前后端分离（五）-VUE测试/线上/开发环境地址配置+拦截器+全局导航守卫+基础配置+获取设置cookie等系列一、简单介绍所用到的基本库及安装配置（一）、在VUE项目内引用Element-UI及配置Element-UI简介：Element，一套为开发者、
实现效果elementui简单实现轮播图本文，中间叙述的是过程，完整代码在最后面。最近在写公司官网，用的是elementui走马灯组件写的轮播图，ui想要自动缩放的效果，如上视频。在这里详细叙述一下我实现的此功能的逻辑吧。程序员的通病，就是不喜欢麻烦，我更不喜欢麻烦，我个人喜欢大道至简，用最精简的代码完美的实现需求，是我对自己的要求，也是我个人编程的目标。跟很多人一样，我没接触前也不会，我在想这玩意咋搞，咋办？百度呗！然后我去网上逛了一波，我靠！实现这玩意，代码咋写这么老长，有js实现的有jQuery实现的，代码长的实在没心思看下去，我就先暂缓了这个功能的实现，今天早上在地铁上面突然想到了一个
实现效果elementui简单实现轮播图本文，中间叙述的是过程，完整代码在最后面。最近在写公司官网，用的是elementui走马灯组件写的轮播图，ui想要自动缩放的效果，如上视频。在这里详细叙述一下我实现的此功能的逻辑吧。程序员的通病，就是不喜欢麻烦，我更不喜欢麻烦，我个人喜欢大道至简，用最精简的代码完美的实现需求，是我对自己的要求，也是我个人编程的目标。跟很多人一样，我没接触前也不会，我在想这玩意咋搞，咋办？百度呗！然后我去网上逛了一波，我靠！实现这玩意，代码咋写这么老长，有js实现的有jQuery实现的，代码长的实在没心思看下去，我就先暂缓了这个功能的实现，今天早上在地铁上面突然想到了一个
useDark 顾名思义，是否使用深色模式，useDark它是通过读取localStorage/sessionStorage的存储值（key是可自定义的）。从而设置html的class。VueUse的官方案例使用了TailwindCSS偏好的暗模式。因为我们不一定都用得到TailwindCSS。所以这里我以element-plus的深色主题为例子。 从element-plus官网可以看到，它自己就带有暗黑主题，我们只需要在html上添加一个名为 dark 的类。所以选择使用useDark工具那就太方便了。注意：既然使用到了elementPlus，要实现深色主题的切
useDark 顾名思义，是否使用深色模式，useDark它是通过读取localStorage/sessionStorage的存储值（key是可自定义的）。从而设置html的class。VueUse的官方案例使用了TailwindCSS偏好的暗模式。因为我们不一定都用得到TailwindCSS。所以这里我以element-plus的深色主题为例子。 从element-plus官网可以看到，它自己就带有暗黑主题，我们只需要在html上添加一个名为 dark 的类。所以选择使用useDark工具那就太方便了。注意：既然使用到了elementPlus，要实现深色主题的切
本文档从零开始搭建一个通用的管理后台，技术栈为vue2.0+vue-router+vuex+element-ui+axios。最终效果如下： 左侧为菜单栏，右侧包含头部，面包屑，主内容区。左侧菜单栏可折叠，可全屏，刷新页面后还是之前页面状态。gitee地址：https://gitee.com/liubangbo/yilin-admain/tree/master如对您有帮助，麻烦给个star。另外如有问题，欢迎在此留言讨论。下面对此框架主要部分进行详细阐述。1.准备工作 此框架采用了vue-cli脚手架创建的项目，选中vuexvue-router，然后按官方文档安装element-ui并按需
本文档从零开始搭建一个通用的管理后台，技术栈为vue2.0+vue-router+vuex+element-ui+axios。最终效果如下： 左侧为菜单栏，右侧包含头部，面包屑，主内容区。左侧菜单栏可折叠，可全屏，刷新页面后还是之前页面状态。gitee地址：https://gitee.com/liubangbo/yilin-admain/tree/master如对您有帮助，麻烦给个star。另外如有问题，欢迎在此留言讨论。下面对此框架主要部分进行详细阐述。1.准备工作 此框架采用了vue-cli脚手架创建的项目，选中vuexvue-router，然后按官方文档安装element-ui并按需
实现效果：需求描述： A模块B模块用户可在“A模块”中新增、编辑、删除、隐藏表头项。在“B模块”中动态显示用户设置好的表头。表头下数据类型有StringNumeric、Date、List四种类型。类型为String、Numeric、Date时为input格式。类型为List时为el-select格式。类型为List时el-select内数据由用户在新增时与规定模块进行关联选择。 实现方法：思路：根据后端接口返回数据实现动态表头后台接口可为“A模块”中的查询全部列表的接口，也可以是后端新写的接口（推荐）。 代码：html中：addRedStar(h,obj,item.isWrited)":lab
实现效果：需求描述： A模块B模块用户可在“A模块”中新增、编辑、删除、隐藏表头项。在“B模块”中动态显示用户设置好的表头。表头下数据类型有StringNumeric、Date、List四种类型。类型为String、Numeric、Date时为input格式。类型为List时为el-select格式。类型为List时el-select内数据由用户在新增时与规定模块进行关联选择。 实现方法：思路：根据后端接口返回数据实现动态表头后台接口可为“A模块”中的查询全部列表的接口，也可以是后端新写的接口（推荐）。 代码：html中：addRedStar(h,obj,item.isWrited)":lab
