quasar Icon Genie CLI 自动生成图标 安装使用过程

2021-04-25
阅读 2 分钟
5k
去年五六月份使用的quasar图标自动生成还是版本1的,版本1是Quasar App Extension,是要将其安装到项目文件夹中使用的,那时候用过,感觉这个很好用。

iconfont的symbol引用 结合Quasar组件Svg-icons 实现动态加载字体库

2020-10-15
阅读 5 分钟
4.8k
如题,iconfont的symbol引用 结合Quasar组件Svg-icons 实现动态加载字体库。详细的说,就是做左侧菜单的图标选择,图标库使用iconfont,采用symbol引用,而且要做到动态的读取阿里字体库文件的图标,加载到项目内。动态读取图标库的好处是用户可以自己做一套他自己的图标,配置在项目内的字典项中,然后代码无需修改,灵...

Quasar Select: 可输入选项option,输入的option可清除

2020-04-13
阅读 2 分钟
5.3k
实现效果 UI组件依然是使用Quasar Framework。 先来看一下效果: 实现Select: 可输入选项option,输入的option可清除 在官网的示例找到 Using menu and filtering,在此基础上进行修改,结合Customizing menu options自定义选项,实现选项的清除按钮。 Select: Filtering and adding to menu - Quasar Playground 在此代...

Quasar Table:展开折叠、全选多选 以及 记录一些学习过程中的疑惑

2020-04-08
阅读 4 分钟
7.4k
原本在 quasar table Multiple-selection 该例子中,表头行的左边已经有全选框了,产品考虑到,数据表格翻到下面后,想直接选全选,不想再翻上去选了,于是就有了,再表格下方增加一个全选的需求。

Quasar Input:type="number" 去掉上下小箭头 实现加减按钮样式

2020-04-08
阅读 3 分钟
5.8k
实现效果 UI组件依然是使用 Quasar Framework。 先来看一下效果: input type="number" 去掉上下小箭头 去掉上下小箭头,主要是css: {代码...} 实现加减按钮样式及功能 template: {代码...} css: {代码...} {代码...} methods: {代码...} 完整代码 请查看:Quasar Input:type="number" 去掉上下小箭头 实现加减按钮样式...

vue实现表单未编辑或未保存离开弹窗提示

2020-04-07
阅读 5 分钟
7.9k
最近做一个表单弹出框,表单保存提交,但是,产品提出,用户不保存,而关闭弹出框时,要给出一个弹窗提示。这个功能,可以用watch监听表单数据。当数据表单发生变化,用户点击了关闭按钮,则根据监听结果来判断用户输入或编辑了数据,进而出现弹窗提示,让用户选择是否离开;当数据没发生变化,则不必提示。

Quasar Table: 自定义分页样式

2020-04-07
阅读 5 分钟
7.5k
示例中,我将selected-rows-label绑定的方法"getSelectedString"的返回值改为了"",因为我们这里不需要表格左下角显示选中数据的信息。

Quasar Framework初体验:安装使用学习记录

2020-04-07
阅读 2 分钟
7k
前段时间,接触到Quasar Framework 并使用了两周。一开始刚刚用Quasar的时候,因为时间紧急,没有系统的去看全部的文档,只是根据UI设计的效果图,去找类似的组件,然后再改造。一开始,真的是有种云遮雾罩的感觉,整个人都是懵逼的,看着文档,各种组件的API的解释说明和示例,用起来总觉得怪怪的。