You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
174 lines
3.9 KiB
174 lines
3.9 KiB
@charset "UTF-8"; |
|
body, |
|
.mui-content { |
|
background: #F5F5F5; |
|
} |
|
|
|
.select-box { |
|
display: flex; |
|
} |
|
|
|
|
|
/* 重置select */ |
|
|
|
select { |
|
-webkit-appearance: none; |
|
-moz-appearance: none; |
|
-ms-appearance: none; |
|
appearance: none; |
|
outline: 0; |
|
box-shadow: none; |
|
border: 0 !important; |
|
background: #FFFFFF; |
|
background-image: none; |
|
} |
|
|
|
|
|
/* 自定义 Select */ |
|
|
|
.select { |
|
position: relative; |
|
display: block; |
|
width: 20em; |
|
height: 3em; |
|
line-height: 3; |
|
background: #FFFFFF; |
|
overflow: hidden; |
|
// border-radius: .25em; |
|
} |
|
|
|
select { |
|
width: 100%; |
|
height: 100%; |
|
margin: 0; |
|
padding: 0 0 0 .35rem; |
|
color: #333333; |
|
cursor: pointer; |
|
} |
|
|
|
select::-ms-expand { |
|
display: none; |
|
} |
|
|
|
|
|
/* Arrow */ |
|
|
|
.select::after { |
|
content: '\25BC'; |
|
position: absolute; |
|
top: 0; |
|
right: 0; |
|
bottom: 0; |
|
padding: 0 .3em; |
|
background: #FFFFFF; |
|
pointer-events: none; |
|
} |
|
|
|
|
|
/* Transition */ |
|
|
|
.select:hover::after { |
|
color: #f39c12; |
|
} |
|
|
|
.select::after { |
|
-webkit-transition: .25s all ease; |
|
-o-transition: .25s all ease; |
|
transition: .25s all ease; |
|
} |
|
//订单管理 |
|
.order-info { |
|
.item-list { |
|
width: 90%; |
|
height: 1.96rem; |
|
background: #FFFFFF; |
|
border-radius: 4px; |
|
margin: .2rem auto; |
|
display: flex; |
|
.order-info-left { |
|
width: .43rem; |
|
height: 1.96rem; |
|
border-radius: 4px 0 0 4px; |
|
text-align: center; |
|
line-height: 1.96rem; |
|
color: #FFFFFF; |
|
} |
|
.sales { |
|
background: linear-gradient(0deg, rgba(212, 52, 54, 1), rgba(255, 146, 125, 1)); |
|
} |
|
.buys { |
|
background: linear-gradient(180deg, rgba(140, 225, 203, 1) 0%, rgba(120, 195, 224, 1) 100%); |
|
} |
|
.order-info-right { |
|
flex: 1; |
|
.order-info-top { |
|
width: 90%; |
|
height: .6rem; |
|
border-bottom: 1px solid #EEEEEE; |
|
margin: 0 auto; |
|
display: flex; |
|
justify-content: space-between; |
|
align-items: center; |
|
.order-coin { |
|
color: #333333; |
|
font-size: .27rem; |
|
label { |
|
color: #999999; |
|
font-size: .2rem; |
|
padding-left: .1rem; |
|
} |
|
} |
|
.order-status { |
|
display: flex; |
|
align-items: center; |
|
img { |
|
width: .27rem; |
|
height: .27rem; |
|
margin-right: .1rem; |
|
} |
|
font-size:.24rem; |
|
} |
|
.remove { |
|
color: #78C4DF; |
|
} |
|
.sure { |
|
color: #D53537; |
|
} |
|
.appeal { |
|
color: #9D71EA; |
|
} |
|
} |
|
.order-info-bottom { |
|
h4 { |
|
width: 90%; |
|
margin: 0 auto; |
|
font-size: .2rem; |
|
padding-top: .1rem; |
|
font-weight: 400; |
|
} |
|
.order-info-txt { |
|
width: 90%; |
|
margin: .1rem auto; |
|
display: flex; |
|
font-size: .2rem; |
|
span { |
|
flex: 1; |
|
color: #999999; |
|
text-align: center; |
|
} |
|
} |
|
.order-info-num { |
|
width: 90%; |
|
margin: 0 auto; |
|
display: flex; |
|
font-size: .24rem; |
|
span { |
|
flex: 1; |
|
color: #333333; |
|
text-align: center; |
|
} |
|
} |
|
} |
|
} |
|
} |
|
} |