nvue和vue 布局差异性

企业微信截图_16141394662134.png

nvue导入ttf图标

    beforeCreate() {
            // nvue文件 加载图标,在style中声明 .ionfont样式
            // #ifdef APP-NVUE
            // const dom = weex.requireModule('dom');
            // dom.addRule('fontFace', {
            //  fontFamily: 'iconfont',
            //  src: "url('http://at.alicdn.com/t/font_2384437_8m5k3o1xj4i.ttf')"
            // });
            var domModule = weex.requireModule('dom');
            domModule.addRule('fontFace', {
                fontFamily: 'iconfont',
                'src': "url('/static/iconfont.ttf')",
                fontSize: '60px'
            });
            // #endif
        },
<text class="iconfont">&#xe601;</text>
.iconfont {
        font-family: iconfont;
        color: #0000FF;
        font-size: 50rpx;
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容