export default {
name: 'App',
created () {
// Example of adding support for
// <q-icon name="app:...." />
// This includes support for all "icon" props
// of Quasar components
this.$q.iconMapFn = (iconName) => {
// iconName is the content of QIcon "name" prop
// your custom approach, the following
// is just an example:
if (iconName.startsWith('iconfont') === true) {
// we strip the "app:" part
return {
cls: 'icon- ' + iconName
}
}
// when we don't return anything from our
// iconMapFn, the default Quasar icon mapping
// takes over
}
}
}
为了查找问题,请贴出你的代码和错误截图。
对于日期,推荐使用 Quasar 的日期实用程序日期实用程序 (Date Utils) | Quasar Framework (quasarchs.com)
它应该能满足你的一些对日期的操作需求。
如何引入
iconfont
?第一步,在 App.vue 中添加一个自定义图标映射。
第二步,找到你喜欢的图标,并将它们加到一个项目中,复制项目中的
Font class
下的链接。//at.alicdn.com/t/xxxxx.css
第三步,在
index.template.html
中用link
标签引入该资源。<link rel="stylesheet" href="https://at.alicdn...">
第四步,在相关组件中使用 iconfont 图标。
<q-icon class="iconfont icon-search" />
注意,使用时一定要加
iconfont
类名,同时这个icon-search
一定要是你项目中有的图标。每次添加新图标后一定要及时更新Font class
下的链接,并重新引入。关于图标自定义映射:图标 | Quasar Framework (quasarchs.com)