搭建项目、vue移动端组件库vant的使用及修改原始样式方法


1、新建一个项目,win+R打开命令行,输入vue init webpack projectName进行项目搭建

2、安装移动端vant插件,打开项目,在Teminal处通过npm install vant -S安装vant组件;或者通过yarn add vant安装移动端组件vant

3、引入组件; 自动按需引入组件npm install babel-plugin-import -D (推荐)

4、在package.json中查看插件是否已存在

5、在.babelrc 中添加配置

6、组件的使用1

7、组件的使用2

8、Vant是面向移动端的组件库,若需在桌面端使用,则需要引入@vant/touch-emulator库,自动将mouse事件转换为touch事件

 

9、修改vant组件中原有样式

 

结果:

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM