13518219792
我们经常用vux的组件快速开发移动端的项目，比如常用的datetime组件，会遇到这样的问题。
成都创新互联公司专业为企业提供济阳网站建设、济阳做网站、济阳网站设计、济阳网站制作等企业网站建设、网页设计与制作、济阳企业网站模板建站服务，十载济阳做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。
而我们的需求要求value值靠左而非靠右，但datetime没有提供移动value值位置的属性，那怎么办呢？
首先需要找到经过vue处理后的值，
一种方法我们可以在全局上修改，简单粗暴。
vue也给我们提供了局部修改的方法：
这最终会被vue编译成：
可以看到字体变成向左靠齐，当然，可以用这种方法，修改任一内置组件，其他ui框架的修改方法也类似。
一般在页面审查元素的时候，能看到各种样式是那个class加上的。或者你自己写个样式，加很高的权重也行。比如 clor：red ！important； 在样式后加个！important
Quasar（发音为/kweɪ.zɑɹ/)是MIT许可的开源框架（基于Vue），可帮助Web开发人员创建：
响应式网站
PWA（Progressive Web App）
通过Apache Cordova构建移动APP（Android，iOS，…）
多平台桌面应用程序（使用Electron）
Quasar允许开发人员编写一次代码，然后使用相同的代码库同时部署为网站、PWA、Mobile App和Electron App。使用最先进的CLI设计应用程序，并提供精心编写，速度非常快的Quasar Web组件。
当使用Quasar时，你不需要像Hammerjs，Momentjs或Bootstrap这样的额外重型库。它拥有这些功能，而且体积很小！
为了快速开发，我们做项目时经常引用第三方的UI组件库，如Zent、Ant Design等。
有时候，引用第三方组件的样式与我们自己写的组件的样式差异很大，我们需要修改第三方组件的默认样式。
上面的方式是可以修改第三方组件的样式的，但有一个隐患，因为外面的标识名字是我们起的，它是全局的，是有可能与其他处的className冲突的，最好的方式是写成局部的样式，就像是vue中的/deep/ ，我想利用css Module的方式，生成一个不重复的className，
但是，在编译时，却把我写的局部的css给筛除掉了，应该是编译工具做了tree shakeing导致的。
这也是现在困扰我的一个问题，react如何设置才能像vue 的/deep/那样局部修改组件的css样式？
vue项目中经常会用到element ui，有时候需要修改默认的样式，比如表格，导航栏等，输入框等等。
可以用以下两种方式修改：
1.给组件加上id或者class，然后添加一个style，不要加scoped（vue可以有多个style），在组件里直接修改
2.外部引入css文件，默认样式会被覆盖
3.利用深度::v-deep深度修改组建的样式，可以直接写在到scoped作用域的style里面。（推荐）
也可以在外层加一个div，然后赋值一个class或者id，在scss中用这种语法修改对应的组件上的class名字即可
CSS样式修改，首先要确定你css样式所写的位置，如html中文件，需要找到对应的id，class或者是标签名，然后需要想好你要改的样式，然后正确填写就行了，请看代码： #sub{ //通过id实现 width:300px; height:30px; font-size:13px;//将id为sub的字
