diff --git a/src/assets/logo.png b/src/assets/logo.png deleted file mode 100644 index f3d2503..0000000 Binary files a/src/assets/logo.png and /dev/null differ diff --git a/src/assets/style/common.scss b/src/assets/style/common.scss new file mode 100644 index 0000000..e634960 --- /dev/null +++ b/src/assets/style/common.scss @@ -0,0 +1,17 @@ +.flex { + display: flex; +} +.scrollbar ::-webkit-scrollbar { + width: 2px; + height: 6px; +} +.scrollbar ::-webkit-scrollbar-thumb { + background-color: #fdca17; + border-radius: 3px; + box-shadow: inset 0 0 5px #dddddd; +} +.scrollbar ::-webkit-scrollbar-track { + box-shadow: inset 0 0 5px #dddddd; + border-radius: 0; + background: #dddddd; +} \ No newline at end of file diff --git a/src/assets/style/index.scss b/src/assets/style/index.scss new file mode 100644 index 0000000..5e33bf0 --- /dev/null +++ b/src/assets/style/index.scss @@ -0,0 +1,2 @@ +@import "./reset.scss"; +@import "./common.scss"; \ No newline at end of file diff --git a/src/assets/style/reset.scss b/src/assets/style/reset.scss new file mode 100644 index 0000000..10607c4 --- /dev/null +++ b/src/assets/style/reset.scss @@ -0,0 +1,379 @@ +// reset 初始化浏览器样式 +* { + box-sizing: border-box; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +*:before, +*:after { + box-sizing: border-box; +} + +html { + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; +} + +body, +div, +dl, +dt, +dd, +ul, +ol, +li, +h1, +h2, +h3, +h4, +h5, +h6, +form, +fieldset, +legend, +input, +textarea, +p, +blockquote, +th, +td, +hr, +button, +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +menu, +nav, +section { + margin: 0; + padding: 0; +} + +button, +input, +select, +textarea { + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +input::-ms-clear, +input::-ms-reveal { + display: none; +} + +ol, ul { + li { + list-style: none; + } +} + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +article, +aside, +footer, +header, +nav, +section { + display: block; +} + +figcaption, +figure, +main { + display: block; +} + +figure { + margin: 1em 40px; +} + +li:focus { + outline-width: 0; +} + +i { + font-style: normal; +} + +/** + * 1. Remove the gray background on active links in IE 10. + * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. + */ + +a { + background-color: transparent; + -webkit-text-decoration-skip: objects; + text-decoration: none; + color: inherit; +} + +a:active { + color: inherit; +} + +a:active, +a:hover, +a:focus { + outline-width: 0; +} + +abbr[title] { + border-bottom: none; + text-decoration: underline; + text-decoration: underline dotted; +} + +/** + * Prevent the duplicate application of `bolder` by the next rule in Safari 6. + */ + +b, +strong { + font-weight: inherit; +} + +/** + * Add the correct font weight in Chrome, Edge, and Safari. + */ + +b, +strong { + font-weight: bolder; +} + +pre, +code, +kbd, +samp { + font-family: monospace, monospace; + font-size: 1em; +} + +dfn { + font-style: italic; +} + +mark { + background-color: #ff0; + color: #000; +} + +small { + font-size: 80%; +} + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +audio, +video { + display: inline-block; +} + +audio:not([controls]) { + display: none; + height: 0; +} + +img { + border-style: none; + vertical-align: middle; +} + +svg:not(:root) { + overflow: hidden; +} + +button, +input, +optgroup, +select, +textarea { + font-size: 100%; + line-height: 1.15; + margin: 0; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +button:focus { + outline: none; +} + +button, +html [type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; +} + +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0; +} + +/** + * Restore the focus styles unset by the previous rule. + */ + +button:-moz-focusring, +[type="button"]:-moz-focusring, +[type="reset"]:-moz-focusring, +[type="submit"]:-moz-focusring { + outline: 1px dotted ButtonText; +} + +/** + * Change the border, margin, and padding in all browsers (opinionated). + */ + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + +/** + * 1. Correct the text wrapping in Edge and IE. + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove the padding so developers are not caught out when they zero out + * `fieldset` elements in all browsers. + */ + +legend { + box-sizing: border-box; /* 1 */ + color: inherit; /* 2 */ + display: table; /* 1 */ + max-width: 100%; /* 1 */ + padding: 0; /* 3 */ + white-space: normal; /* 1 */ +} + +/** + * 1. Add the correct display in IE 9-. + * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. + */ + +progress { + display: inline-block; /* 1 */ + vertical-align: baseline; /* 2 */ +} + +/** + * Remove the default vertical scrollbar in IE. + */ + +textarea { + overflow: auto; + resize: vertical; +} + +/** + * 1. Add the correct box sizing in IE 10-. + * 2. Remove the padding in IE 10-. + */ + +[type="checkbox"], +[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Correct the cursor style of increment and decrement buttons in Chrome. + */ + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +/** + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. + */ + +[type="search"] { + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ +} + +/** + * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. + */ + +[type="search"]::-webkit-search-cancel-button, +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * 1. Correct the inability to style clickable types in iOS and Safari. + * 2. Change font properties to `inherit` in Safari. + */ + +::-webkit-file-upload-button { + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ +} + +/* + * Add the correct display in IE 9-. + * 1. Add the correct display in Edge, IE, and Firefox. + */ + +details, /* 1 */ +menu { + display: block; +} + +/* + * Add the correct display in all browsers. + */ + +summary { + display: list-item; +} + +/** + * Add the correct display in IE 9-. + */ + +canvas { + display: inline-block; +} diff --git a/src/assets/element-variables.scss b/src/assets/style/theme/theme1.scss similarity index 60% rename from src/assets/element-variables.scss rename to src/assets/style/theme/theme1.scss index 6e6fbb1..e0760b6 100644 --- a/src/assets/element-variables.scss +++ b/src/assets/style/theme/theme1.scss @@ -1,8 +1,5 @@ /* 改变主题色变量 */ - -$--color-primary: #fdca17; - +$--color-primary: #fdf4d1; /* 改变 icon 字体路径变量,必需 */ - $--font-path: '~element-ui/lib/theme-chalk/fonts'; @import "~element-ui/packages/theme-chalk/src/index"; \ No newline at end of file diff --git a/src/assets/style/theme/theme10.scss b/src/assets/style/theme/theme10.scss new file mode 100644 index 0000000..dc4461b --- /dev/null +++ b/src/assets/style/theme/theme10.scss @@ -0,0 +1,5 @@ +/* 改变主题色变量 */ +$--color-primary: #ff6457; +/* 改变 icon 字体路径变量,必需 */ +$--font-path: '~element-ui/lib/theme-chalk/fonts'; +@import "~element-ui/packages/theme-chalk/src/index"; \ No newline at end of file diff --git a/src/assets/styles/var.scss b/src/assets/styles/var.scss deleted file mode 100644 index 3e71c3e..0000000 --- a/src/assets/styles/var.scss +++ /dev/null @@ -1 +0,0 @@ -$main-color: #fdca17; \ No newline at end of file diff --git a/src/components/TestPanel.vue b/src/components/TestPanel.vue index dc40a60..2cea590 100644 --- a/src/components/TestPanel.vue +++ b/src/components/TestPanel.vue @@ -536,7 +536,6 @@ export default { margin: 0 5px 0 0; } ::v-deep .el-icon-arrow-right:before { - // content: "\e78f"; font-size: 12px; padding: 1px; margin-left: 10px; @@ -570,12 +569,9 @@ export default { ::v-deep .el-tabs__header { padding: 5px 20px; } - -//el-aside .el-aside { color: #333; } - .el-aside ::v-deep [class*=" el-icon-"], [class^="el-icon-"] { line-height: 40px; @@ -626,8 +622,6 @@ export default { font-size: 12px; color: #202020; } - -//.el-header .el-header { color: #333; padding: 0 12px; @@ -737,24 +731,6 @@ export default { display: flex; align-items: center; } - -// 滚动条的宽度 -.scrollbar ::-webkit-scrollbar { - width: 2px; // 横向滚动条 - height: 6px; // 纵向滚动条 必写 -} -// 滚动条的滑块 -.scrollbar ::-webkit-scrollbar-thumb { - background-color: #fdca17; - border-radius: 3px; - box-shadow: inset 0 0 5px #dddddd; -} -.scrollbar ::-webkit-scrollbar-track { - /*滚动条里面轨道*/ - box-shadow: inset 0 0 5px #dddddd; - border-radius: 0; - background: #dddddd; -} .right { color: #00af00; font-size: 20px; diff --git a/src/components/codemirror.vue b/src/components/codemirror.vue index 000b606..bd12f2b 100644 --- a/src/components/codemirror.vue +++ b/src/components/codemirror.vue @@ -1,5 +1,5 @@