有個需求,引入了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;
}
打包後運行