Vue项目开发中一些常用且好用的操作,CSS介绍【附源码】_A登顶珠峰

  'vant',  ],

],

 在使用UI组件库的时候,因为组件库中有非常非常多的组件,我们有时候可能只是需要使用到其中的一小部分,如果全局引入的话会导致项目体积过大,所以使用按需导入时最好的,我们再在项目的main.js项目入口文件处做如下配置, 
import 'vant/lib/index.css'  //引入UI的CSS样式文件 一定要加 否则组件是没有样式的  import { NavBar, Button, Tab, Tabs } from 'vant'  Vue.use(NavBar)  .use(Button)  .use(Tab)  .use(Tabs)
  在做了如下的配置之后,就可以正确使用Vant UI的组件了  #### [](  )修改VantUI的默认样式  *   VantUI中的组件都有为我们封装了部分的API,可以供我们快捷的修改组件的一些默认的样式,下面我一NavBar组件为例:        NavBar组件的默认样式:        ![在这里插入图片描述](https://s2.51cto.com/images/20210920/1632122352779690.jpg)        由于NavBar的API中并没有直接的为我们提供修改标题和按钮等等文字的颜色的接口,所以我们就得修改默认的样式,这里推荐使用的是全局引入CSS文件来做到修改,我们给当前的组件起一个类名,        ![在这里插入图片描述](https://s2.51cto.com/images/20210920/1632122353682468.jpg)        再在assets里面建一哥CSS文件,对这个组件进行修改,注意一定要在自己的组件类名下,再设置ui组件的样式,这样就不会污染其他不需要修改样式的地方 如:        ![在这里插入图片描述](https://s2.51cto.com/images/20210920/1632122353306871.jpg)        具体的组件中某个部位的类名不知道是什么的时候可以使用浏览器的开发者工具,找到那个位置会显示类名        ![在这里插入图片描述](https://s2.51cto.com/images/20210920/1632122354564549.jpg)        在都设置好了只需要再main.js入口文件中再引入一下即可。  #### [](  )项目中使用@来表示src文件  在Vue.config.js下做如下的配置:  ### 文末  我一直觉得技术面试不是考试,考前背背题,发给你一张考卷,答完交卷等通知。  首先,技术面试是一个 认识自己 的过程,知道自己和外面世界的差距。  更重要的是,技术面试是一个双向了解的过程,要让对方发现你的闪光点,同时也要 试图去找到对方的闪光点,因为他以后可能就是你的同事或者领导,所以,面试官问你有什么问题的时候,不要说没有了,要去试图了解他的工作内容、了解这个团队的氛围。  **前端面试题汇总**  ![](https://s2.51cto.com/images/20210920/1632122354168658.jpg)  **JavaScript**  **[CodeChina开源项目:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://ali1024.coding.net/public/P7/Web/git)**  ![](https://s2.51cto.com/images/20210920/1632122354921151.jpg)  **性能**  ![](https://s2.51cto.com/images/20210920/1632122354510580.jpg)  **linux**  ![](https://s2.51cto.com/images/20210920/1632122355547986.jpg)  **前端资料汇总**  ![](https://s2.51cto.com/images/20210920/1632122355960442.jpg)

本站由小牛团队全力维护,小牛十年了,大家已经步入中年 。本站源码全部经过团队成员测试并调试,价格可能比其它网站略贵几元钱,不解释!
小牛资源 » Vue项目开发中一些常用且好用的操作,CSS介绍【附源码】_A登顶珠峰

发表评论

全站资源亲测可用,价格略高几元,不解释

立即查看 了解详情