update: css reset

src/main.js

+import './styles/reset.css';
 import Vue from 'vue';
 import axios from 'axios';
 import App from './App.vue';

src/styles/reset.css

+/**
+ * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
+ * http://cssreset.com
+ */
+ html,
+ body,
+ div,
+ span,
+ applet,
+ object,
+ iframe,
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6,
+ p,
+ blockquote,
+ pre,
+ a,
+ abbr,
+ acronym,
+ address,
+ big,
+ cite,
+ code,
+ del,
+ dfn,
+ em,
+ img,
+ ins,
+ kbd,
+ q,
+ s,
+ samp,
+ small,
+ strike,
+ strong,
+ sub,
+ sup,
+ tt,
+ var,
+ b,
+ u,
+ i,
+ center,
+ dl,
+ dt,
+ dd,
+ ol,
+ ul,
+ li,
+ fieldset,
+ form,
+ label,
+ legend,
+ table,
+ caption,
+ tbody,
+ tfoot,
+ thead,
+ tr,
+ th,
+ td,
+ article,
+ aside,
+ canvas,
+ details,
+ embed,
+ figure,
+ figcaption,
+ footer,
+ header,
+ menu,
+ nav,
+ output,
+ ruby,
+ section,
+ summary,
+ time,
+ mark,
+ audio,
+ video,
+ input {
+   margin: 0;
+   padding: 0;
+   border: 0;
+   font-size: 100%;
+   font-weight: normal;
+   vertical-align: baseline;
+   box-sizing: border-box;
+ }
+
+
+ /* HTML5 display-role reset for older browsers */
+
+ article,
+ aside,
+ details,
+ figcaption,
+ figure,
+ footer,
+ header,
+ menu,
+ nav,
+ section {
+   display: block;
+ }
+
+ body {
+   line-height: 1;
+ }
+
+ blockquote,
+ q {
+   quotes: none;
+ }
+
+ blockquote:before,
+ blockquote:after,
+ q:before,
+ q:after {
+   content: none;
+ }
+
+ table {
+   border-collapse: collapse;
+   border-spacing: 0;
+ }
+
+ /* custom */
+
+ a {
+   color: inherit;
+   text-decoration: none;
+   -webkit-backface-visibility: hidden;
+ }
+
+ li {
+   list-style: none;
+ }
+ /*---滚动条默认显示样式--*/
+::-webkit-scrollbar-thumb{
+  background-color:#e4e7ed;
+  height:50px;
+  -webkit-border-radius:6px;
+}
+/*---鼠标点击滚动条显示样式--*/
+::-webkit-scrollbar-thumb:hover{
+  background-color:#c8cbd3;
+  height:50px;
+  -webkit-border-radius:6px;
+}
+/*---滚动条大小--*/
+::-webkit-scrollbar{
+  width:6px;
+  height:6px;
+}
+/*---滚动框背景样式--*/
+::-webkit-scrollbar-track-piece{
+  background-color:#f0f2f5;
+  -webkit-border-radius:6px;
+}
+
+ html, body {
+   width: 100%;
+   height: 100%;
+   background-color: #f7f8fa;
+   font-size: 14px;
+   font-family: "Helvetica Neue", "Helvetica", "PingFang SC", "Hiragino Sans GB","Microsoft YaHei", "微软雅黑", Arial, sans-serif;
+ }
+ body {
+   -webkit-text-size-adjust: none;
+   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+ }
+ input:focus {
+   box-shadow: none;
+   outline: none;
+ }