Code Monkey home page Code Monkey logo

coadmin-web-quasar's Introduction

coadmin-web-quasar

Coadmin 管理系统 Web 客户端

基于 Quasar-admin-template 开发

Quasar相比ElementUI,胜在可定制性上比较强,同时官网文档也相当详细,看文档能解决绝大多数问题。界面也相对漂亮一些,另外还有一个很大的优势,Quasar对于移动端的适配做得非常棒。

代码仓库

Github Gitee

主要特点

  • 给个star
  • 良好的适配移动端小屏幕
  • 感谢:eladmin-web、vue-element-admin、quasar-admin-crm、quasar-element-pro
  • 更多特性请查阅 Quasar-admin-template 项目
TODO 添加 co-btn、q-btn-dropdown、q-btn-group、q-btn-toggle 的 design全局配置
TODO co-dialog
  - TODO 可移动的dialog的标题栏图标显示移动图标
  - 标题栏添加可以折叠对话框内容的按钮
  - TODO dialog里面内容滚动时,可以不滚动标题栏、底部工具栏
TODO 页面增加字段选择的存储
TODO 页面增加表格大小选择(存储)
TODO 如果不显示 Tab 栏,则所有页面都不 keep-alive(不缓存)
TODO 加快图标页加载速度
TODO 菜单caption 附加文字颜色,改为灰色
TODO 在右侧打开外部url(iframe或其他方案)
TODO 菜单增加“new”标签支持

TODO co-input 的tips功能
TODO co-input 的规则验证完善
TODO co-table 的expand功能
TODO option-group/select 组件string和number类型互相能识别(单选、多选)
TODO 优化一下tree-table查找expand列的代码,只在列显示发生变化时确定
TODO 菜单crud的rules
TODO PageTagView 增加右键菜单:关闭全部、关闭其他、关闭右边
为 co-tree 添加 tree-class / tree-style tree-class-mobile tree-style-mobile
TODO 树表懒加载
TODO 树表增加图标显示
“在当前页查找”支持ESC键盘按键
TODO 增加 co-table-select
TODO 增加用户配置:左侧菜单栏是否阴影、table字体颜色、co-table的separator
TODO crud-operation 增加选项“按grid显示”
TODO 针对mac系统,适配一下自定义组件(比如dialog的关闭按钮放到左上角)
TODO CoForm 表单配置型 Validator
TODO CoOptionGroup 自定义form项的错误提示
TODO CoDateSelect 可以手工输入日期、可以选择“最近7天、最近30天、本月、上月。。。”
TODO CoTree selected和ticked,可以设置“只选parent,只选leaf”
TODO CoTreeSelect 的select 模式,选择一项后,自动关闭弹出界面
TODO CoDate 支持 number 类型

TODO BUG 在iphone上,输入框也要小一些
TODO BUG CoInput 在popup-proxy 里面时,有时候prepend、append、before、after 的slot会失效
对话框最大化后,取消拖动
TODO BUG 图表dark模式文字颜色
TODO BUG CoTreeSelect 的 v-model不合理

界面截图

PC上的效果

user

Install the dependencies(安装依赖)

首先,安装nodejs(注意:只能是12和14版本,更新的版本可能有问题)
然后,安装 quasar 工具:
npm install -g @quasar/cli

安装依赖:
npm install

Start development mode (启动app开发模式)

quasar dev

Lint the files(Lint校验)

npm run lint

Build the production(构建发行版本)

quasar build

Customize the configuration(修改配置)

See Configuring quasar.conf.js.

coadmin-web-quasar's People

Contributors

jinjingmail avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.