有个需求,引入了vant组件,但是只有内网,所以需要本地引入
局部组件引入的解决方案:
1.import { RadioGroup, Radio, CellGroup, Cell, CheckboxGroup, Checkbox, Rate, DatetimePicker, Popup, Uploader, Button, Icon, Slider, Toast } from 'vant';
2.样式里设置,把字体库从包里拷贝出来放到静态资源文件里即可
<style lang="less" scoped>
@font-face {
font-family: vant-icon;
src: local(vant-icon),url('~@/assets/vantIcon/vant-icon-839a51.ttf');
src: local(vant-icon),url('~@/assets/vantIcon/vant-icon-839a51.woff');
src: local(vant-icon),url('~@/assets/vantIcon/vant-icon-839a51.woff2');
}
3.样式引入
.phonePreviewList {
font-family:vant-icon;
}
打包后运行