app.vue 代码
<script>
export default {
onLaunch: function() {
const domModule = uni.requireNativePlugin('dom')
domModule.addRule('fontFace', {
'fontFamily': 'iconfont',
'src': "url('http://at.alicdn.com/t/font_923822_ayazhyhyohm.ttf')"
});
console.log('App Launch')
},
onShow: function() {
console.log('App Show')
},
onHide: function() {
console.log('App Hide')
}
}
</script>
<style>
/*全局图标类*/
.bicon {
font-family: iconfont;
font-size: 16px;
}
</style>
index.nvue
<template>
<view style="padding: 40px;" @click="navGoto">
<text class="bicon"></text>
</view>
</template>
<script>
export default {
methods: {
navGoto() {
uni.navigateTo({
url: '/pages/index/test',
})
}
}
};
</script>
<style lang="scss" scoped>
</style>test.nvue
<template>
<view style="padding: 40px;" @click="navGoto">
<text class="bicon"></text>
</view>
</template>
<script>
export default {
methods: {
navGoto() {
uni.navigateTo({
url: '/pages/index/index',
})
}
}
};
</script>
<style lang="scss" scoped>
// 新版本可以写子类了，这样是生效的
// .bicon {
// &.big{
// font-size: 40px;
// }
// }
// 这样写会覆盖掉app.vue的bicon类，导致图标不显示
.bicon {
font-size: 40px;
}
</style>
2 个回复
DCloud_UNI_GSQ
问题确认，已加分，后续修复
DCloud_UNI_GSQ
HBuilderX 3.1.1 已修复
另外新版样式编译模式默认关闭了：https://ask.dcloud.net.cn/article/38751