1.概要

本篇介绍一下如何在开发过程中如何自定义样式。

2.编写样式方法

• 在VUE文件的style标签编写
  可以直接找到需要定义样式的vue文件直接在最下面的style里面写；

• 在vue文件中引用

可以直接找到需要定义样式的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）开头针对某一个样式修改；最终实现只修改当前页面的样式，而不影响其它页面的样式；

最终结果：