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;
}