From 2ad2a3cdd0df63b6557789ba8a9d968984fe5da3 Mon Sep 17 00:00:00 2001 From: wangting <675591594@qq.com> Date: 星期二, 26 十一月 2024 16:25:31 +0800 Subject: [PATCH] 调整页面 --- Source/plt-web/plt-web-ui/src/styles/normalize.scss | 181 +++++++++++++++++++++++---------------------- 1 files changed, 92 insertions(+), 89 deletions(-) diff --git a/Source/plt-web/plt-web-ui/src/styles/normalize.scss b/Source/plt-web/plt-web-ui/src/styles/normalize.scss index e51d268..11bb855 100644 --- a/Source/plt-web/plt-web-ui/src/styles/normalize.scss +++ b/Source/plt-web/plt-web-ui/src/styles/normalize.scss @@ -29,19 +29,19 @@ summary { display: block; } - + /** * Correct `inline-block` display not defined in IE 8/9. * * 淇鍦� IE 8/9 涓湭瀹氫箟鐨� 'inline-block' 鍏冪礌銆� */ - + audio, canvas, video { display: inline-block; } - + /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. @@ -49,28 +49,28 @@ * 闃绘鐜板湪娴忚鍣ㄦ樉绀烘湭瀹氫箟 control 鎾斁鎺т欢鐨� 'audio' 澹伴煶鍏冪礌銆� * 鍒犻櫎 IOS 5 璁惧涓樉绀虹殑澶氫綑鐨勯珮搴︺�� */ - + audio:not([controls]) { display: none; height: 0; } - + /** * Address styling not present in IE 8/9. * * 澶勭悊 IE 8/9 涓笉瀛樺湪鐨勬牱寮忋�� */ - + [hidden] { display: none; } - + /* ========================================================================== Base - + 鍩烘湰璁剧疆 ========================================================================== */ - + /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling @@ -79,129 +79,129 @@ * 1. 璁剧疆榛樿瀛椾綋绫诲瀷涓� sans-serif. * 2. 褰撶敤鎴锋斁澶ф垨缂╁皬椤甸潰鏃朵笉鏀瑰彉瀛椾綋澶у皬銆� */ - + html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } - + /** * Remove default margin. * * 鍒犻櫎榛樿杈硅窛銆� */ - + body { margin: 0; } - + /* ========================================================================== Links - + 閾炬帴 ========================================================================== */ - + /** * Address `outline` inconsistency between Chrome and other browsers. * * 澶勭悊 Chrome 涓庡叾瀹冩祻瑙堝櫒涓叧浜� 'outline' 鐨勪笉涓�鑷存�с�� */ - + a:focus { outline: thin dotted; } - + /** * Improve readability when focused and also mouse hovered in all browsers. * * 涓烘墍鏈夋祻瑙堝櫒鏀瑰杽褰撴縺娲绘垨鎮仠鍦ㄥ厓绱犱笂鏃跺厓绱犲唴瀹圭殑鍙鎬с�� */ - + a:active, a:hover { outline: 0; } - + /* ========================================================================== Typography - + 鎺掔増 ========================================================================== */ - + /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari 5, and Chrome. * - * 澶勭悊澶氬彉鐨� 'h1' 瀛椾綋澶у皬鍙婂叾鍦� Firefox 4+, Safari 5, 鍙� Chrome鏃舵祻瑙堝櫒涓殑 + * 澶勭悊澶氬彉鐨� 'h1' 瀛椾綋澶у皬鍙婂叾鍦� Firefox 4+, Safari 5, 鍙� Chrome鏃舵祻瑙堝櫒涓殑 * 'section' 涓庛��'article' 鍏冪礌涓殑杈硅窛銆� */ - + h1 { font-size: 2em; margin: 0.67em 0; } - + /** * Address styling not present in IE 8/9, Safari 5, and Chrome. * * 澶勭悊鍦� IE 8/9, Safari 5, 鍙� Chrome 娌℃湁鐨勬牱寮忋�� */ - + abbr[title] { border-bottom: 1px dotted; } - + /** * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. * * 澶勭悊 Firefox 4+, Safari 5, 鍙� Chrome 涓粯璁ょ殑 'bolder' 鏍峰紡涓恒��'bold'. */ - + b, strong { font-weight: bold; } - + /** * Address styling not present in Safari 5 and Chrome. * * 澶勭悊鍦� Safari 5 鍜� Chrome 娌℃湁鐨勬牱寮忋�� */ - + dfn { font-style: italic; } - + /** * Address differences between Firefox and other browsers. * * 澶勭悊銆�Firefox銆�涓庡叾瀹冩祻瑙堝櫒鐨勫樊寮傘�� */ - + hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } - + /** * Address styling not present in IE 8/9. * * 澶勭悊鍦� IE 8/9 涓病鏈夌殑鏍峰紡銆� */ - + mark { background: #ff0; color: #000; } - + /** * Correct font family set oddly in Safari 5 and Chrome. * * 淇纭� Safari 5 鍜� Chrome 涓彜鎬殑榛樿瀛椾綋銆� */ - + code, kbd, pre, @@ -209,45 +209,45 @@ font-family: monospace, serif; font-size: 1em; } - + /** * Improve readability of pre-formatted text in all browsers. * * 涓烘墍鏈夋祻瑙堝櫒鏀瑰杽棰勬牸寮忓寲鏂囨湰鐨勫彲璇绘�с�� */ - + pre { white-space: pre-wrap; } - + /** * Set consistent quote types. * * 璁剧疆涓�鑷寸殑寮曠敤鏍煎紡銆� */ - + q { quotes: "\201C" "\201D" "\2018" "\2019"; } - + /** * Address inconsistent and variable font size in all browsers. * * 澶勭悊鎵�鏈夋祻瑙堝櫒涓瓧浣撳ぇ灏忕殑涓嶄竴鑷存�璇戣�呮敞锛氬師鏂囩洿璇戜负锛氬鐞嗘墍鏈� * 娴忚鍣ㄤ腑鐨勪笉涓�鑷村拰澶氬彉鐨勫瓧浣撳ぇ灏廬銆� */ - + small { font-size: 80%; } - + /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. * - * 闃绘鎵�鏈夋祻瑙堝櫒涓� 'sub' 鍜� 'sup' 鍏冪礌褰卞搷 'line-height'. + * 闃绘鎵�鏈夋祻瑙堝櫒涓� 'sub' 鍜� 'sup' 鍏冪礌褰卞搷 'line-height'. * [璇戣�呮敞锛氬氨鏄笉璁╀笂鏍囦笌涓嬫爣褰卞搷琛岄珮銆俔 */ - + sub, sup { font-size: 75%; @@ -255,87 +255,91 @@ position: relative; vertical-align: baseline; } - + sup { top: -0.5em; } - + sub { bottom: -0.25em; } - + /* ========================================================================== Embedded content - + 宓屽叆鐨勫唴瀹� ========================================================================== */ - + /** * Remove border when inside `a` element in IE 8/9. * * 鍒犻櫎 IE 8/9 涓綋鍐呭浣嶄簬 'a' 涓嚭鐜扮殑杈规銆� */ - + img { border: 0; } - + /** * Correct overflow displayed oddly in IE 9. * * 淇 IE 9 涓樉绀哄彜鎬殑婧㈠嚭鍐呭銆� */ - + svg:not(:root) { overflow: hidden; } - + /* ========================================================================== Figures - + Figure 鍥惧儚/鍥捐〃/浠g爜绛� ========================================================================== */ - + /** * Address margin not present in IE 8/9 and Safari 5. * * 澶勭悊鍦� IE 8/9 鍜� Safari 5 娌℃湁鐨勮竟璺濄�� */ - + figure { margin: 0; } - + /* ========================================================================== Forms ========================================================================== */ - + /** * Define consistent border, margin, and padding. * * 瀹氫箟涓�鑷寸殑杈规銆佸杈硅窛鍙婂唴杈硅窛銆� */ - + fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; + border-radius: 5px; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); + box-sizing: border-box; } - + /** * 1. Correct `color` not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. - * 1. 淇鍦ㄣ��IE 8/9 涓病鏈夌户鎵跨殑 'color'. + * 1. 淇鍦ㄣ��IE 8/9 涓病鏈夌户鎵跨殑 'color'. * * [璇戣�呮敞锛氳鏄慨姝i鑹插槢锛屽彲涓嬮潰娌℃湁鍏充簬棰滆壊鐨勫憖锛岃繖涔熻锛熸眰澶х瑙i噴锛乚 * 2. 鍘绘帀鍐呰竟璺濓紝閬垮厤褰撶敤鎴锋竻绌鸿〃鍗曠粍鏃惰涓哄嚭閿欎簡銆� */ - + legend { border: 0; /* 1 */ padding: 0; /* 2 */ } - + /** * 1. Correct font family not being inherited in all browsers. * 2. Correct font size not being inherited in all browsers. @@ -345,7 +349,7 @@ * 2. 淇鎵�鏈夋祻瑙堝櫒涓湭琚户鎵跨殑瀛椾綋澶у皬銆� * 3. 澶勭悊 Firefox 4+, Safari 5, 鍙� Chrome 涓粯璁よ缃笉鍚岀殑澶栬竟璺濄�� */ - + button, input, select, @@ -354,36 +358,36 @@ font-size: 100%; /* 2 */ margin: 0; /* 3 */ } - + /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. * * 澶勭悊 Firefox 4+ 涓殑瀹㈡埛绔牱寮忚〃閲屼娇鐢� '!important' 璁剧疆鐨� 'line-height'. */ - + button, input { line-height: normal; } - + /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. * Correct `select` style inheritance in Firefox 4+ and Opera. - * + * * 澶勭悊 'button' 鍜� 'select' 鐨� 'text-transform' 缁ф壙鐨勪笉涓�鑷存�с�� * 鎵�鏈夊叾瀹冭〃鍗曟帶浠跺厓绱犱笉缁ф壙 'text-transform' 鐨勫�笺�� * 淇 Chrome, Safari 5+, 鍙� IE 8+ 涓� 'button' 鐨勭户鎵挎牱寮忋�� * 淇 Firefox 4+ 鍜� Opera 涓� 'select' 鐨勭户鎵挎牱寮忋�� */ - + button, select { text-transform: none; } - + /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. @@ -395,7 +399,7 @@ * 2. 淇 iOS 涓笉鍙偣鍑荤殑 'input' 鏍峰紡銆� * 3. 鏀瑰杽鍥剧墖绫诲瀷鐨� 'input' 绛夊厜鏍囨牱寮忕殑鍙敤鎬т笌涓�鑷存�с�� */ - + button, html input[type="button"], /* 1 */ input[type="reset"], @@ -403,18 +407,18 @@ -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } - + /** * Re-set default cursor for disabled elements. - * + * * 閲嶇疆涓嶅彲鐢ㄥ厓绱犵殑榛樿鍏夋爣鏍峰紡銆� */ - + button[disabled], html input[disabled] { cursor: default; } - + /** * 1. Address box sizing set to `content-box` in IE 8/9. * 2. Remove excess padding in IE 8/9. @@ -422,13 +426,13 @@ * 1. 澶勭悊 IE 8/9 涓缃负 'content-box' 鐨勭洅瀛愭ā鍨嬨�� * 2. 鍒犻櫎 IE 8/9 涓浣欑殑鍐呰竟璺濄�� */ - + input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } - + /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome @@ -438,38 +442,38 @@ * 2. 澶勭悊 Safari 5 鍜� Chrome 涓粯璁よ缃负 'box-sizing' 鐨� 'border-box' * (鍖呮嫭涓嶄細杩囨椂鐨� '-moz'). */ - + input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } - + /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. * * 鍒犻櫎 Safari 5 鍜� OS X 涓婄殑 Chrome 涓殑杈撳叆妗嗕笂鐨勫唴杈硅窛鍜屾悳绱㈠彇娑堟寜閽�� */ - + input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } - + /** * Remove inner padding and border in Firefox 4+. * * 鍒犻櫎 Firefox 4+ button 涓� input 涓婄殑鍐呰竟璺濄�� */ - + button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } - + /** * 1. Remove default vertical scrollbar in IE 8/9. * 2. Improve readability and alignment in all browsers. @@ -477,26 +481,25 @@ * 1. 鍒犻櫎 IE8/9 涓粯璁ょ殑鍨傜洿婊氬姩鏉°�� * 2. 鏀瑰杽鎵�鏈夋祻瑙堝櫒涓殑鍙鎬у苟浣挎枃鏈瀭鐩村榻愩�� */ - + textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } - + /* ========================================================================== Tables - + 琛ㄦ牸 ========================================================================== */ - + /** * Remove most spacing between table cells. * * 鍒犻櫎琛ㄦ牸閲屽崟鍏冩牸闂寸殑闂磋窛銆� */ - + table { border-collapse: collapse; border-spacing: 0; } - \ No newline at end of file -- Gitblit v1.9.3