一个简单的vue3+windi.css库
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

968 B

布局思路

根据UI图的设计,总体可以分为两层或者三层布局

  • 两层布局
    • 登录页面,工作页面,此为一层布局
    • 工作页面分为顶部标题栏和下面的工作区域
    • 缺点
      • 要控制工作区域的侧边菜单显隐与右侧内容的动画,导致会出现闪动的画面
  • 两层布局+布局切换
    • 登录页面,工作页面,此为一层布局
    • 工作页面可以分为两部分:
      • 顶部标题栏和下面的工作区域
      • 顶部标题栏+侧边菜单+下面的工作区域
    • 缺点
      • keep-alive缓存不全
  • 三层布局
    • 登录页面,工作页面,此为一层布局
    • 工作台页面以及功能页面,此为第二层布局
    • 功能页面分为菜单+右侧内容,此为第三层布局
    • 缺点:
      • 需要两层keep-alive才能覆盖整个的页面,同时会导致多了一层路由

因为不太想包三层布局,因此采用上面的两层布局。