新ui样式

.eslintrc.js

@@ -2,18 +2,18 @@ module.exports = {
   env: {
     browser: true,
     es6: true,
-    node: true
+    node: true,
   },
   extends: "plugin:vue/essential",
   globals: {
     Atomics: "readonly",
     SharedArrayBuffer: "readonly",
     ROP: true,
-    mpsPlayer: true
+    mpsPlayer: true,
   },
   parserOptions: {
     ecmaVersion: 2018,
-    sourceType: "module"
+    sourceType: "module",
   },
   plugins: ["vue"],
   rules: {
@@ -127,8 +127,8 @@ module.exports = {
       2,
       "always",
       {
-        null: "ignore"
-      }
+        null: "ignore",
+      },
     ],
 
     // for 循环不得因方向错误造成死循环
@@ -158,8 +158,8 @@ module.exports = {
     "getter-return": [
       2,
       {
-        allowImplicit: true
-      }
+        allowImplicit: true,
+      },
     ],
 
     // require 必须在全局作用域下
@@ -281,16 +281,7 @@ module.exports = {
     "no-cond-assign": [2, "except-parens"],
 
     // 禁止出现难以理解的箭头函数，除非用圆括号括起来
-    "no-confusing-arrow": [
-      2,
-      {
-        allowParens: true
-      }
-    ],
-
-    // 禁止使用 console，线上环境检测
-    "no-console": process.env.NODE_ENV === "production" ? 1 : 0,
-
+    "no-confusing-arrow": [2, {}],
     // 禁止 debugger 语句，线上环境检测
     "no-debugger": process.env.NODE_ENV === "production" ? 1 : 0,
 
@@ -298,8 +289,8 @@ module.exports = {
     "no-constant-condition": [
       2,
       {
-        checkLoops: false
-      }
+        checkLoops: false,
+      },
     ],
 
     // 禁止对 const 定义重新赋值
@@ -352,8 +343,8 @@ module.exports = {
     "no-empty": [
       2,
       {
-        allowEmptyCatch: true
-      }
+        allowEmptyCatch: true,
+      },
     ],
 
     // 禁止 == 和 != 与 null 做比较，必须用 === 或 !==
@@ -370,8 +361,8 @@ module.exports = {
     "no-extend-native": [
       2,
       {
-        exceptions: ["Array", "Object"]
-      }
+        exceptions: ["Array", "Object"],
+      },
     ],
 
     // 禁止额外的 bind
@@ -394,8 +385,8 @@ module.exports = {
     "no-fallthrough": [
       2,
       {
-        commentPattern: "."
-      }
+        commentPattern: ".",
+      },
     ],
 
     // 不允许使用 2. 或 .5 来表示数字，需要用 2、2.0、0.5 的格式
@@ -411,8 +402,8 @@ module.exports = {
     "no-implicit-coercion": [
       2,
       {
-        allow: ["+", "!!"] // 允许 + 转数值 "" + 转字符串和 !! 转布尔值
-      }
+        allow: ["+", "!!"], // 允许 + 转数值 "" + 转字符串和 !! 转布尔值
+      },
     ],
 
     // 禁止在 setTimeout 和 setInterval 中传入字符串，因会触发隐式 eval
@@ -442,8 +433,8 @@ module.exports = {
         skipStrings: true, // 允许在字符串中使用
         skipComments: true, // 允许在注释中使用
         skipRegExps: true, // 允许在正则表达式中使用
-        skipTemplates: true // 允许在模板字符串中使用
-      }
+        skipTemplates: true, // 允许在模板字符串中使用
+      },
     ],
 
     // 禁止使用 __iterator__
@@ -473,8 +464,8 @@ module.exports = {
     "no-mixed-operators": [
       2,
       {
-        groups: [["&&", "||"]]
-      }
+        groups: [["&&", "||"]],
+      },
     ],
 
     // 相同类型的 require 必须放在一起
@@ -499,8 +490,8 @@ module.exports = {
       {
         max: 3, // 文件内最多连续 3 个
         maxEOF: 1, // 文件末尾最多连续 1 个
-        maxBOF: 1 // 文件头最多连续 1 个
-      }
+        maxBOF: 1, // 文件头最多连续 1 个
+      },
     ],
 
     // 禁止 if 中出现否定表达式 !==
@@ -643,8 +634,8 @@ module.exports = {
       2,
       {
         skipBlankLines: true, // 不检查空行
-        ignoreComments: true // 不检查注释
-      }
+        ignoreComments: true, // 不检查注释
+      },
     ],
 
     // 禁止将 undefined 赋值给变量
@@ -670,8 +661,8 @@ module.exports = {
     "no-unneeded-ternary": [
       2,
       {
-        defaultAssignment: false
-      }
+        defaultAssignment: false,
+      },
     ],
 
     // 禁止出现不可到达的代码，如在 return、throw 之后的代码
@@ -689,8 +680,8 @@ module.exports = {
       {
         allowShortCircuit: true, // 允许使用 a() || b 或 a && b()
         allowTernary: true, // 允许在表达式中使用三元运算符
-        allowTaggedTemplates: true // 允许标记模板字符串
-      }
+        allowTaggedTemplates: true, // 允许标记模板字符串
+      },
     ],
 
     // 禁止定义不使用的 label
@@ -703,8 +694,8 @@ module.exports = {
         vars: "all", // 变量定义必须被使用
         args: "none", // 对于函数形参不检测
         ignoreRestSiblings: true, // 忽略剩余子项 fn(...args)，{a, b, ...coords}
-        caughtErrors: "none" // 忽略 catch 语句的参数使用
-      }
+        caughtErrors: "none", // 忽略 catch 语句的参数使用
+      },
     ],
 
     // 禁止在变量被定义之前使用它
@@ -712,8 +703,8 @@ module.exports = {
       2,
       {
         functions: false, // 允许函数在定义之前被调用
-        classes: false // 允许类在定义之前被引用
-      }
+        classes: false, // 允许类在定义之前被引用
+      },
     ],
 
     // 禁止不必要的 call 和 apply
@@ -780,8 +771,8 @@ module.exports = {
     "one-var": [
       2,
       {
-        const: "never" // 所有 const 声明必须独占一行，不允许用逗号定义多个
-      }
+        const: "never", // 所有 const 声明必须独占一行，不允许用逗号定义多个
+      },
     ],
 
     // 必须使用 x = x + y 而不是 x += y
@@ -890,8 +881,8 @@ module.exports = {
       2,
       {
         words: true,
-        nonwords: false
-      }
+        nonwords: false,
+      },
     ],
 
     // 注释的斜线和星号后要加空格
@@ -901,9 +892,9 @@ module.exports = {
       {
         block: {
           exceptions: ["*"],
-          balanced: true
-        }
-      }
+          balanced: true,
+        },
+      },
     ],
 
     // 禁用严格模式，禁止在任何地方出现 "use strict"
@@ -953,6 +944,6 @@ module.exports = {
     "yield-star-spacing": 0,
 
     // 禁止Yoda格式的判断条件，如 if (true === a)，应使用 if (a === true)
-    yoda: 2
-  }
+    yoda: 2,
+  },
 };

assets/css/reset.css

-/**
- * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
- * http://cssreset.com
- */
-*{
-    box-sizing:border-box;
-    -webkit-overflow-scrolling: touch;
-}
-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;
-}
-/* HTML5 display-role reset for older browsers */
-article, aside, details, figcaption, figure,
-footer, header, menu, nav, section {
-    display: block;
-}
-
-body,html{
-    line-height: 1;
-    font-family: 'PingFang SC','STHeitiSc-Light','Helvetica-Light',arial,sans-serif;
-}
-blockquote, q {
-    quotes: none;
-}
-
-blockquote:before, blockquote:after,
-q:before, q:after {
-    content: none;
-}
-
-table {
-    border-collapse: collapse;
-    border-spacing: 0;
-}
-
-/* custom */
-a {
-    color: #7e8c8d;
-    text-decoration: none;
-    -webkit-backface-visibility: hidden;
-}
-
-li {
-    list-style: none;
-}
-
-html, body {
-    width: 100%;
-}
-
-body {
-    -webkit-text-size-adjust: none;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}