From 365522da02a38c122b1b148124ab70e7e76f9c62 Mon Sep 17 00:00:00 2001 From: "wu.jian2" Date: Tue, 1 Aug 2023 17:40:35 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E9=87=8D=E7=BD=AE?= =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E8=A1=A8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../packages/assets/style/common/index.scss | 6 +- .../packages/assets/style/common/reset.scss | 184 ++++++++++++++++++ 2 files changed, 186 insertions(+), 4 deletions(-) create mode 100644 data-room-ui/packages/assets/style/common/reset.scss diff --git a/data-room-ui/packages/assets/style/common/index.scss b/data-room-ui/packages/assets/style/common/index.scss index 026dca4e..0b0bf6c1 100644 --- a/data-room-ui/packages/assets/style/common/index.scss +++ b/data-room-ui/packages/assets/style/common/index.scss @@ -1,9 +1,7 @@ -/* theme color */ - -/* icon font path, required */ $--font-path: "~element-ui/lib/theme-chalk/fonts"; - @import "~element-ui/packages/theme-chalk/src/index"; + +@import './reset.scss'; // 布局样式 .bs-container { position: relative; diff --git a/data-room-ui/packages/assets/style/common/reset.scss b/data-room-ui/packages/assets/style/common/reset.scss new file mode 100644 index 00000000..1a97824d --- /dev/null +++ b/data-room-ui/packages/assets/style/common/reset.scss @@ -0,0 +1,184 @@ +@charset "UTF-8"; + +body, +h1, +h2, +h3, +h4, +h5, +h6, +hr, +p, +blockquote, +/* structural elements 结构元素 */ +dl, +dt, +dd, +ul, +ol, +li, +/* list elements 列表元素 */ +pre, +/* text formatting elements 文本格式元素 */ +fieldset, +lengend, +button, +input, +textarea, +/* form elements 表单元素 */ +th, +td { + /* search elements 表格元素 */ + margin: 0; + padding: 0; +} + +/* 设置默认字体 */ +body, +html { + font-size: 14px; + font-family: -apple-system, BlinkMacSystemFont, segoe ui, Roboto, helvetica neue, Arial, noto sans, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol, noto color emoji; +} + +h1 { + font-size: 18px; + /* 18px / 12px = 1.5 */ +} + +h2 { + font-size: 16px; +} + +h3 { + font-size: 14px; +} + +h4, +h5, +h6 { + font-size: 100%; +} + +address, +cite, +dfn, +em, +var { + font-style: normal; +} + +/* 将斜体扶正 */ +code, +kbd, +pre, +samp, +tt { + font-family: "Courier New", Courier, monospace; +} + +/* 统一等宽字体 */ +small { + font-size: 12px; +} + +/* 小于 12px 的中文很难阅读,让 small 正常化 */ + +/* 重置列表元素 */ +ul, +ol { + list-style: none; +} + +/* 重置文本格式元素 */ +a { + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +abbr[title], +acronym[title] { + /* 注:1.ie6 不支持 abbr; 2.这里用了属性选择符,ie6 下无效果 */ + border-bottom: 1px dotted; + cursor: help; +} + +q:before, +q:after { + content: ''; +} + +/* 重置表单元素 */ +legend { + color: #000; +} + +/* for ie6 */ +fieldset, +img { + border: none; +} + +/* img 搭车:让链接里的 img 无边框 */ +/* 注:optgroup 无法扶正 */ +button, +input, +select, +textarea { + font-size: 100%; + /* 使得表单元素在 ie 下能继承字体大小 */ +} + +/* 重置表格元素 */ +table { + border-collapse: collapse; + border-spacing: 0; +} + +/* 重置 hr */ +hr { + border: none; + height: 1px; +} + +*, +*:before, +*:after { + box-sizing: inherit; +} + +a:focus, +a:active { + outline: none; +} + +a, +a:focus, +a:hover { + cursor: pointer; + color: inherit; + text-decoration: none; +} + +div:focus { + outline: none; +} + +.f-l { + float: left; +} + +.f-r { + float: right; +} + +.clearfix:after { + visibility: hidden; + display: block; + font-size: 0; + content: ''; + clear: both; + height: 0; +} \ No newline at end of file