uni-app 引用阿里iconfont
app.vue
<script>
export default {
onLaunch: function() {
console.log('App Launch')
},
onShow: function() {
console.log('App Show')
},
onHide: function() {
console.log('App Hide')
}
}
</script>
<style>
/*每个页面公共css */
@import "./common/iconfont.css";//阿里iconfont
@import "./common/common.css"; //页面公共样式
</style>
在项目文件夹新增一个common文件夹
如果开发项目是APP和小程序一起开发的,iconfont.css中的格式如下:
如果开发项目仅仅是APP,iconfont.css中的格式如下:
demo.vue
<view class="icon iconfont iconopeneye"></view>
结尾:APP和小程序一起开发,前面需要添加上http:的原因是需要兼容苹果手机,如果不加上,苹果手机上的小程序是看不到阿里iconfont。