iView-Admin基础版后台管理框架改写

Caleb ... 2020-08-27
  • Vue
  • UI
  • Admin
大约 2 分钟

![PC端展示图](./img/iview.png 'iview-admin-amend PC端演示图片' =320x200)

![移动端展示图](./img/iview-mob.png 'iview-admin-amend 移动端演示图片' =200x380)


简单介绍:
iView admin 是基于 Vue.js,搭配使用 iView UI 组件库形成的一套后台集成解决方案。

因为之前使用的是Vue-Element-Admin的后台框架,但是在后面发现这款UI的框架更为精致,又转战到了这边。但是对比iView admin Pro版本来说,基础版的适配之类的问题是没有解决的。主要是因为专业版的价格偏高。抵不住囊中羞涩,就想着修改一下基础版的,让使用以及体验更加完美。

原版体验地址 (opens new window)


目前发现的问题:

  1. 没有做移动端的适配
  2. 导航栏的Tag NavBar在移动端是无法通过触摸滑动来左右移动的
  3. 只有单独的登录页面

通过对已知问题的了解,着手开始了改造。因为iView UI存在改版,升级为view-design。所以在我修改的这个版本中,原本的iView已经被替换为view-design。


更新支持如下:

  1. 增加了config/index.js的一些配置
theme: "dark", //  light dark
mobileWidth: 450  // 默认450px是移动端的屏幕宽度
1
2
  1. 通过对config的配置,达到移动端的自动适配
  2. 增加移动端的滑动监听
  3. 新增注册,找回密码页,让崽崽们使用更贴心

以上就是更新的一些小内容,希望大家可以用的舒心。记得双击,么么哒😘!

打赏