vuetify和@nuxt/vuetify icon 之我见

2020-03-14 23:39:59

封装有封装的好处,也有封装的烦恼,哎。@nuxt/vuetify替我们省了不少使用vuetify的心,但是这家伙却让我们多了研究他的心,因为他改变了很多vuetify的设置方式,研究它的同时还得研究vuetify。

对于v-icon的研究,总的两点。


v-icon 虽然支持svg的icon,但是它并不直接支持svg的文件。


vuetify中v-icon,貌似默认支持  Material Design Icons, Material Icons, Font Awesome 4 and Font Awesome 5, 我自己单独引入了vuetify 用哪一个图标都没有问题。但是用了@nuxt/vuetify只能用mdi-home这样的。不知道因为啥。肯定是封装后,封装成一个了。

但是我修改vuetify的设置,哪一个图标也都能用。哎,不过多研究了。


总之,他们设置icon的配置,不一样,@nuxt/vuetify需要在nuxt.confing.js中设置。


还有一句话,需要大家理解一下。也是我看源码了解的。


Vuetify comes bootstrapped with support for Material Design Icons, Material Icons, Font Awesome 4 and Font Awesome 5. By default, applications will default to use Material Design Icons.




这句话的最后一句话的意思是,这些图标都能用,是优先使用Material Design Icons.,没找到的话,就去用Font Awesome,代码里面是if else


(isMaterialIcon) {
  .(icon)
} {
  iconType = icon.(delimiterIndex)
  ((iconType)) iconType = }


VIcon.ts


  • 2018-12-06 10:03:36

    定时杀掉processlist sleep状态的线程

    由于程序设计的Bug,导致目前这个项目使用的数据库中有很多Sleep状态的线程。找了很多解决办法,还没发现最终有效的解决方案。只能临时使用如下方法: 编写shell文件,如killSleepProcess.sh

  • 2018-12-07 08:26:37

    mysql线程池和连接池的区别

    可能有的DBA会把线程池和连接池混淆,其实两者是有很大区别的,连接池一般在客户端设置,而线程池是在DB服务器上配置;另外连接池可以取到避免了连接频繁创建和销毁,但是无法取到控制MySQL活动线程数的目标,在高并发场景下,无法取到保护DB的作用。比较好的方式是将连接池和线程池结合起来使用。 作者:飞鸿无痕 链接:https://www.jianshu.com/p/88e606eca2a5 來源:简书 简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

  • 2018-12-07 17:47:24

    linux中wc命令用法

    Linux系统中的wc(Word Count)命令的功能为统计指定文件中的字节数、字数、行数,并将统计结果显示输出。

  • 2018-12-07 22:19:33

    修改 Nginx 进程最大可打开文件数(worker_processes和worker_connections)

    worker_processes:操作系统启动多少个工作进程运行Nginx。注意是工作进程,不是有多少个nginx工程。在Nginx运行的时候,会启动两种进程,一种是主进程master process;一种是工作进程worker process。例如我在配置文件中将worker_processes设置为4,启动Nginx后,使用进程查看命令观察名字叫做nginx的进程信息,我会看到如下结果: