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文件夹

uni-app 引用阿里iconfont

uni-app 引用阿里iconfont

如果开发项目是APP和小程序一起开发的,iconfont.css中的格式如下:

uni-app 引用阿里iconfont

如果开发项目仅仅是APP,iconfont.css中的格式如下:

uni-app 引用阿里iconfont

demo.vue

<view class="icon iconfont iconopeneye"></view>

结尾:APP和小程序一起开发,前面需要添加上http:的原因是需要兼容苹果手机,如果不加上,苹果手机上的小程序是看不到阿里iconfont。