uni-app 是近年比较火的一个 Vue.js 开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台。
在这可以看出这套框架有多牛逼了,但是呢随之的小问题也非常多,本人也是不久才开始使用这个框架,在使用阿里的iconfont的导入时所遇到的问题。
uni-app 不支持本地文件(icon/背景图…等等)引入
解决方案
- 关于图片可以采用网络地址的请求引入和base64的方式
- 关于icon,可以使用unicode的方式引入,以下
<text class="icon-submit"></text>
<style>
@font-face {
font-family: 'iconfont';
/*unicode 只需要.ttf的即可 */
src: url('https://at.alicdn.com/t/font_1031464_ubfx7xnjwog.ttf') format('truetype');
}
.icon-submit {
/* 这是一个icon的样式 */
font-family: 'iconfont';
font-size: 56px;
}
</style>