mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-mobile.git
synced 2025-12-11 11:56:47 +08:00
fix: vue 启动方式更改 #SZX-1230
现在由于字体原因导致部分图标无法加载。所以就提前去引导字体下载, 然后后面的 uview 默认走缓去显示图标
This commit is contained in:
15
main.js
15
main.js
@@ -21,11 +21,16 @@ Vue.prototype.$keywordActiveShow=function(str,keyword){
|
|||||||
import Vue from 'vue'
|
import Vue from 'vue'
|
||||||
Vue.config.productionTip = false
|
Vue.config.productionTip = false
|
||||||
App.mpType = 'app'
|
App.mpType = 'app'
|
||||||
const app = new Vue({
|
// 启动方式改变。由于这个font放到后面组件内部加载会导致部分图标显示不完全,所以放到 app 启动前加载
|
||||||
store,
|
// 后面组件库 icon 的字体图标库默认走浏览器的缓存,这样图标就正常展示了
|
||||||
...App
|
const font = new FontFace('uicon-iconfont', 'url("https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf")');
|
||||||
})
|
font.load().then((loadedFont) => {
|
||||||
app.$mount()
|
const app = new Vue({
|
||||||
|
store,
|
||||||
|
...App
|
||||||
|
})
|
||||||
|
app.$mount()
|
||||||
|
});
|
||||||
// #endif
|
// #endif
|
||||||
|
|
||||||
// #ifdef VUE3
|
// #ifdef VUE3
|
||||||
|
|||||||
@@ -161,6 +161,7 @@
|
|||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'uicon-iconfont';
|
font-family: 'uicon-iconfont';
|
||||||
src: url('https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf') format('truetype');
|
src: url('https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf') format('truetype');
|
||||||
|
font-display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* #endif */
|
/* #endif */
|
||||||
|
|||||||
Reference in New Issue
Block a user