From 9860e221460a0a4ac1903dad2c97160d0eed0e63 Mon Sep 17 00:00:00 2001 From: long <515897141@qq.com> Date: 星期五, 03 三月 2023 10:59:42 +0800 Subject: [PATCH] 初始化 --- src/assets/css/common.css | 149 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 149 insertions(+), 0 deletions(-) diff --git a/src/assets/css/common.css b/src/assets/css/common.css new file mode 100644 index 0000000..8b827d3 --- /dev/null +++ b/src/assets/css/common.css @@ -0,0 +1,149 @@ +/*@import "../js/app/toast/toast.css";*/ +html{ + -webkit-tap-highlight-color: rgba(0,0,0,0); + word-break: break-all; + -webkit-text-size-adjust:none; + text-size-adjust:none; +} +a,address,b,big,blockquote,body,center,cite,code,dd,del,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,label,legend,li,ol,p,pre,small,span,strong,u,ul,var { + margin: 0; + padding: 0 +} +html,input,textarea,select{font-family: -apple-system-font, Helvetica Neue, Helvetica, STHeiTi, Microsoft Yahei, sans-serif;} +body{ + font: 12px/1.5 arial,Microsoft YaHei,"\u5b8b\u4f53",sans-serif; + -webkit-font-smoothing: antialiased; + color: #333; + background: #f2f2f2; +} +a {color: #333;text-decoration: none;} +ol,ul{list-style: none;} +.flex { + display: box; + display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ + display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ + display: -ms-flexbox; /* TWEENER - IE 10 */ + display: -webkit-flex; /* NEW - Chrome */ + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ +} + +.flex-1 { + -webkit-box-flex: 1; + flex: 1; + -webkit-flex: 1; +} +.w1{width: 1px;}.h1{height: 1px;} + +.flex-center { + justify-content: center; + -webkit-justify-content: center; + align-items: center; + -webkit-align-items: center; +} + +.flex-ver {-webkit-align-items: center;align-items: center;} +.flex-col {-webkit-flex-flow: column;flex-flow: column;} +/* flex 鎹㈣ */ +.flex-wrap {-webkit-flex-wrap: wrap;flex-wrap: wrap;} +.flex-end{ + -webkit-justify-content: flex-end; + justify-content: flex-end; +} +.flex-sb{ + -webkit-justify-content: space-between; + justify-content: space-between; +} + +.ell{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} +.wsnw{white-space: nowrap;} + +input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{ + color: #999; +} +/* css arrow */ +.arrow{ + display: inline-block; + border: solid #29262A; + border-width: 1px 1px 0 0; +} +.ar-h24{width: 9px;height: 9px;} +.ar-h20{width: 7px;height: 7px;} +.arrow-right{-webkit-transform: rotate(45deg);transform: rotate(45deg);} +.arrow-down{-webkit-transform: rotate(135deg) translate(-2px,2px);transform: rotate(135deg) translate(-2px,2px);} +.ac{text-align: center;}.ar{text-align: right;} +.hide{display: none!important;} + +input::-webkit-outer-spin-button, +input::-webkit-inner-spin-button { +-webkit-appearance: none; +} +input[type="number"]{ +-moz-appearance: textfield; +} +/*page common*/ + +.w{ + width: 1280px; + margin: 0 auto; +} +.fl{float: left} +.fr{float: right} +.al{text-align: left;}.ar{text-align: right;} +.tdu{text-decoration: underline;} +.clear,.clr,.clearfix:after { + content: ''; + display: block; + overflow: hidden; + clear: both; + height: 0; + line-height: 0; + font-size: 0; +} +.blue{color: #0084e6;} +/* 娴呰壊#23a9fd 涓棿#218ad9 娣辫壊#005bbd */ +.gray{color: #666;}.g4{color: #444;} +.red{color: red;}.green{color: green;} +.orange{color: #FC6621;} +.vm{vertical-align: middle;} +.ml20{margin-left: 20px;} +.fs16{font-size: 16px;} + +/* ====================================================================== */ +.fs20{font-size:20px} +html, body{ + min-height: 100%; +} +body{ + height: 100%; + /* background: #000; */ + -webkit-text-size-adjust: 100% !important; + text-size-adjust: 100% !important; + -moz-text-size-adjust: 100% !important; +} +#app{ + user-select: none; + -webkit-user-select: none; + /* width: 100vw; + height: 100vh; + background: url(../imgs/bg.jpg) no-repeat; + background-size: 100% 100%; + min-height: 1204px; */ +} +/* .appContainer{ + position: relative;width: 100%; + min-height: 1204px; +} */ + +/* 閬僵 */ +.mask{ + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 10; + background: rgba(0,0,0,0.8); +} \ No newline at end of file -- Gitblit v1.8.0