<template>
<view>
<text>我是index</text>
<text class="icon"></text>
</view>
</template>
<script>
export default {
data() {
return {
key: ""
}
},
beforeCreate() {
// 引入字体图标
const domModule = weex.requireModule('dom')
domModule.addRule('fontFace', {
"fontFamily": 'iconfont',
"src": "url('https://at.alicdn.com/t/font_3161603_3jst63nmqpi.ttf')"
});
}
}
</script>
<style>
.icon {
font-family: iconfont !important;
font-size: 60rpx;
color: #FF0000;
}
</style>
- 发布:2022-03-03 17:24
- 更新:2022-03-03 17:27
- 阅读:671
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: windows10 专业版
HBuilderX类型: 正式
HBuilderX版本号: 3.3.11
手机系统: iOS
手机系统版本号: iOS 15
手机厂商: 苹果
手机机型: iphoneXr
页面类型: nvue
vue版本: vue2
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
[]
[]
预期结果:
[]
[]
实际结果:
[]
[]
bug描述:
nvue页面按照文档说明引入字体图标,字体图标是阿里巴巴生成的网络ttf链接,只显示一个wifi带斜杠的标志