[QuasarJs]: how does Quasar use custom icons

Please give your ideas or paste the code if you are using quasar JS.


this is how I have solved it so far. If there's a better plan, I'd like to let you know.

  1. files are placed under statics .
  2. index.template.html introduce css

    < link rel= "stylesheet" type= "text/css" href= "statics/css/iconfont.css" >
  3. < q-icon class= "iconfont" name= "icon-name" / >

/ / for icon,eg: within the component

<q-field
  icon="wifi"
>
  <q-input v-model="text" float-label="Input float label" />
</q-field>
  1. found through https://github.com/quasarfram. that the framework does not provide native support like several fonts that come with it.
  2. had to analyze the source code: https://github.com/quasarfram.
  3. through source code analysis, it is found that bt & bt- , eva & eva- , mdi & mdi- can be supported
  4. then open iconfont, to enter the project icon and set it as follows:

clipboard.png

  1. modify the above instance code icon= "wifi" to icon= "bt-wifi"

OK problem solved!

Menu