自定义样式不影响全局样式;

一、可以直接找到需要定义样式的vue文件直接在最下面的style里面写;

二、可以直接找到需要定义样式的vue文件,引入自己需要的样式文件:
1、在script中引入:
(1):<script> import 'xx.css';</script>
(2):<script> require('xx.css');</script>

2、在style中引入:
<style>@import 'xx.css';</style>

三、在全局css文件里面写样式;
(1)找到需要定义样式的vue文件,在最外层标签加一个自己特定的类名;
如我需要给数据列表的’预览‘页面单独加样式,我会找到列表的页面给它加一个特定的类名listPreview;

(2)在全局样式中,以自定义的类名(listPreview)开头针对某一个样式修改;最终实现只修改当前页面的样式,而不影响其它页面的样式;

最终结果:

文档更新时间: 2021-08-17 09:21   作者:zyg