有赞前端 UI框架「Vant」在离线无网络环境中使用 icon 无法显示的问题

有赞前端 UI框架「Vant」在离线无网络环境中使用 icon 无法显示的问题

第一次使用这个框架。UI组件中规中矩，很简洁，不是特别多，基本够用。Vant 官网

在内网中部署 Vue+Vant的项目时，发现所有的 icon 图标全部是小方块无法正常显示。查看网络请求，发现图标字体引用的在线文件。

查阅官方文档，发现可以使用本地字体文件

我自己使用的方法配置如下：
在main.js中配置：

import Vant from 'vant';
import 'vant/lib/index.css';
import 'vant/lib/icon/local.css';
Vue.use(Vant);

然后在离线环境下就可以愉快地使用 icon 啦。

有赞前端 UI框架「Vant」在离线无网络环境中使用 icon 无法显示的问题相关推荐

antvue 有赞布局_UI大全：前端UI框架集合（持续更新，当前32个）
2017-1209 ZanUI (Vue) 2017-1218 Onsen UI(Vue, React, Angular) 2017-1215 增加 Vuetify, Weex UI, Semanti ...
2018年流行的vue前端UI框架
2018年九个很受欢迎的vue前端UI框架作者: 祈澈菇凉原文: https://blog.csdn.net/qq_36538012/article/details/82152052 最近在逛各大 ...
汇总——前端UI框架
本文整理了一些比较流行的前端UI框架,排名不分先后,仅供参考.可按照项目需求自行考虑. 1.bootstrap Bootstrap 是Twitter推出的一个用于前端开发的,一个用于 HTML.CSS ...
oracle 前端ui框架,Layui(前端UI框架) 2.6.4 官方最新版
Layui最好用的前端ui框架是一款带着浓烈情怀的国产前端UI框架,她追求极简,又不失丰盈的内在,说她是史上最轻量的结晶,似乎并不为过.一切都源自于她对原生态的执着,对前端社区的那些噪杂声音的过滤,以 ...
element ui点击按钮弹出款_前端猿应该知道的十大最流行的前端UI框架
在前端项目开发过程中,现在很少有人会使用原生的CSS来搭建页面,总归都会引入一些前端UI框架以减少代码的书写.一般为了方便自己的使用,很多大公司都有自己的一套UI框架,同时也会把其开源出来.下面就是最 ...
element ui 多个子组件_vue前端UI框架，一点都不圆润，盘它！
面对众多vue前端UI框架,看着它们干干巴巴.麻麻赖赖的样子,一点都不圆润,跟我一起盘它! Vue移动端UI框架 1.Vux(star:15620) VUX(读音 [v'ju:z],同 views)是 ...
VUE常用UI组件插件及框架-vue前端UI框架收集
UI组件及框架 element - 饿了么出品的Vue2的web UI工具套件 mint-ui - Vue 2的移动UI元素 iview - 基于 Vuejs 的开源 UI 组件库 Keen-UI - ...
layui模仿element ui_比较受欢迎的前端 UI 框架【vue】
PC端 UI 框架一.ElementUI 官网地址:https://element.eleme.cn/#/zh-CN Github:https://github.com/ElementUI/elem ...
12个常用前端UI框架集都在这了！！！
1.bootstrap ---神秘小峯 Bootstrap 是Twitter推出的一个用于前端开发的,一个用于 HTML.CSS 和 JS 开发的开源工具包,是全球最受欢迎的前端组件库,用于开发响应式 ...

有赞前端 UI框架「Vant」在离线无网络环境中使用 icon 无法显示的问题

有赞前端 UI框架「Vant」在离线无网络环境中使用 icon 无法显示的问题相关推荐

最新文章

热门文章