迁移广东基础党建
This commit is contained in:
aixianling
261
src/common/common.css
Normal file
261
src/common/common.css
Normal file
@@ -0,0 +1,261 @@
|
||||
@font-face {
|
||||
font-family: 'iconfont';
|
||||
/* project id 1862352 */
|
||||
src: url('https://at.alicdn.com/t/font_1862352_i00id3q02qr.eot');
|
||||
src: url('https://at.alicdn.com/t/font_1862352_i00id3q02qr.eot?#iefix') format('embedded-opentype'),
|
||||
url('https://at.alicdn.com/t/font_1862352_i00id3q02qr.woff2') format('woff2'),
|
||||
url('https://at.alicdn.com/t/font_1862352_i00id3q02qr.woff') format('woff'),
|
||||
url('https://at.alicdn.com/t/font_1862352_i00id3q02qr.ttf') format('truetype'),
|
||||
url('https://at.alicdn.com/t/font_1862352_i00id3q02qr.svg#iconfont') format('svg');
|
||||
}
|
||||
|
||||
.iconfont {
|
||||
font-family: "iconfont" !important;
|
||||
font-size: 32px;
|
||||
font-style: normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
ul,
|
||||
li,
|
||||
span,
|
||||
div,
|
||||
p {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
ul, li { padding: 0;margin: 0;list-style: none}
|
||||
|
||||
page {
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
background-color: #f3f6f9;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 0;
|
||||
height: 0;
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
.page {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #f3f6f9;
|
||||
}
|
||||
|
||||
.span-hover {
|
||||
background: transparent;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.bg-hover {
|
||||
background: #eee !important;
|
||||
}
|
||||
|
||||
.flex {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.flex-align {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.flex-between {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.flex1 {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.solid {
|
||||
border-bottom: 2px solid #E8E8E8;
|
||||
}
|
||||
|
||||
.flex-row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.flex-column {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
uni-button[disabled] {
|
||||
background-color: #F7F7F7 !important;
|
||||
color: #999 !important;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
uni-button:after {
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.break-word {
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.masking-layer {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background-color: rgb(0, 0, 0);
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
/* 入口页列表 */
|
||||
.list {
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
height: 112px;
|
||||
background-color: #fff;
|
||||
padding-left: 32px;
|
||||
padding-right: 32px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.list-cell {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
}
|
||||
|
||||
.image {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
}
|
||||
|
||||
.title-sub {
|
||||
height: 112px;
|
||||
margin-left: 16px;
|
||||
width: 654px;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
background: rgba(255, 255, 255, 1);
|
||||
font-size: 32px;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.more {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.title-line {
|
||||
border-bottom: 2px solid #DDDDDD;
|
||||
}
|
||||
|
||||
.last {
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
.no-content-pds {
|
||||
margin-top: 360px;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.no-content-pds div {
|
||||
height: 40px;
|
||||
font-size: 28px;
|
||||
line-height: 40px;
|
||||
font-family: PingFangSC-Regular, PingFangSC;
|
||||
}
|
||||
|
||||
.no-content-pds .span {
|
||||
color: rgba(51, 51, 51, 1);
|
||||
}
|
||||
|
||||
.no-content-pds .span-p {
|
||||
color: rgba(153, 153, 153, 1);
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
/* margin */
|
||||
.mar-t8 {
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
.mar-r20 {
|
||||
margin-right: 40px;
|
||||
}
|
||||
|
||||
.mar-l10 {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
/* color */
|
||||
.color-333 {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.color-999 {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.color-red {
|
||||
color: #FF4466;
|
||||
}
|
||||
|
||||
.color-666 {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
/* */
|
||||
.font-12 {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
/* */
|
||||
.report {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 112px;
|
||||
background-color: #135AB8;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
line-height: 112px;
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
.span-right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
input::-webkit-input-placeholder {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
/* 多级下拉选择css */
|
||||
.type-picke-more {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 330px;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-color: #fff;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.type-picke-more picker-div-column {
|
||||
text-align: center;
|
||||
line-height: 110px;
|
||||
}
|
||||
|
||||
.fixed-top {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 99;
|
||||
width: 100%
|
||||
}
|
||||
Reference in New Issue
Block a user