H5齐鲁医疗
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.
sims-scaninvoice-qlyl/css/wxscaninvoice/merge.css

352 lines
5.3 KiB

[v-cloak] {
display: none;
}
span {
white-space: nowrap;
}
.merge_content {
width: 100%;
height: 100%;
position: relative;
margin-bottom: 1.45rem;
/* height: */
}
.merge_header {
position: absolute;
width: 100%;
height: 1.3rem;
line-height: 1.3rem;
/* height: 9.6%; */
background-color: rgb(14, 14, 14);
}
.merge_header h3 {
font-size: .325rem;
color: #fff;
text-align: center;
}
.merge_content .merge_handle {
height: 0.8rem;
background-color: #F7F7F7;
box-sizing: border-box;
padding: 0 .425rem;
line-height: 0.8rem;
display: flex;
flex-wrap: nowrap;
white-space: nowrap;
justify-content: space-between;
}
.merge_content .merge_handle span {
font-size: .24rem;
display: flex;
}
.merge_content .merge_handle span.handle_left {
color: #A5A5A5;
font-size: .24rem;
}
.merge_content .merge_handle span.handle_right {
font-size: .24rem;
color: #D60000;
/* float: right; */
}
.merge_content .merge_main {
width: 100%;
background-color: #fff;
}
.merge_main ul li {
height: 2.6rem;
width: 100%;
box-sizing: border-box;
padding: 0 .3rem;
}
.list-content {
width: 100%;
height: 100%;
padding: .3rem 0;
box-sizing: border-box;
display: flex;
border-bottom: 1px solid #E2E2E2;
}
.merge_main ul li .select-box {
float: left;
width: .7rem;
height: 100%;
text-align: center;
display: flex;
align-items: center;
}
.merge_main ul li .select-box i.icon-on {
display: inline-block;
width: .4rem;
height: .4rem;
background: url(../../image/wxscaninvoice/right.png) no-repeat;
background-size: 100% 100%;
}
.merge_main ul li .select-box i.icon-off {
display: inline-block;
width: .4rem;
height: .4rem;
background: url(../../image/wxscaninvoice/Oval5.png) no-repeat;
background-size: 100% 100%;
}
.title-box {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.title-box span {
color: #A5A5A5;
font-size: .28rem;
}
.val-box {
margin-left: .8rem;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.val-box span {
color: #666666;
width: 4.1rem;
display: inline-block;
font-size: .28rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.val-box .money {
font-size: .28rem;
color: #FFAA00;
}
.merge_footer {
position: fixed;
width: 100%;
bottom: 0;
left: 0;
background-color: #fff;
}
.merge_footer .footer-show {
height: .48rem;
width: 100%;
box-sizing: border-box;
padding: 0 .3rem;
border-bottom: 1px solid#FEFEFE;
}
.merge_footer .footer-show span {
color: #444;
font-size: .24rem;
}
.footer-control {
height: .96rem;
display: flex;
}
.control-select {
display: flex;
width: 53.3%;
box-sizing: border-box;
padding: 0 15px;
align-items: center;
}
.control-select i.icon-off {
display: inline-block;
width: .4rem;
height: .4rem;
background: url(../../image/wxscaninvoice/Oval5.png) no-repeat;
background-size: cover;
}
.control-select i.icon-on {
display: inline-block;
width: .4rem;
height: .4rem;
background: url(../../image/wxscaninvoice/right.png) no-repeat;
background-size: cover;
}
.control-select span {
color: #444444;
font-size: .28rem;
margin-left: .2rem;
}
.control-select .homepage {
display: flex;
align-items: center;
}
.control-select .selectAll {
display: flex;
align-items: center;
/* margin-left: .3rem; */
}
.control-btns {
display: flex;
width: 3.5rem;
flex: 1;
}
.scan,
.next {
display: flex;
flex: 1;
align-items: center;
justify-content: center;
font-size: .34rem;
color: #fff;
}
.scan {
background: #FFDF9F;
}
.next {
background: #FFAA00;
}
/* 遮罩 */
.shade {
/* display: none; */
position: fixed;
z-index: 500;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 1;
background: rgba(0, 0, 0, 0.7);
overflow: hidden;
}
.merge-block {
position: fixed;
/* display: none; */
top: 30%;
left: 5%;
margin: 0 auto;
width: 90%;
height: 4rem;
background-color: #fff;
z-index: 999;
text-align: center;
box-sizing: border-box;
padding-top: 1rem;
}
.merge-block span {
font-size: .3rem;
}
.operation {
position: absolute;
bottom: .4rem;
left: 0;
width: 100%;
display: flex;
justify-content: space-around;
}
.operation span {
width: 1.9rem;
height: .7rem;
text-align: center;
line-height: .7rem;
border-radius: .08rem;
border: 1px solid #FFAA00;
}
.operation .cancel {
color: #FFAA00;
}
.operation .confirm {
color: #fff;
background-color: #ffaa00;
}
/* loading */
.loading {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
overflow: hidden;
background-color: #fff;
z-index: 9999;
display: flex;
justify-content: center;
align-items: center;
}
.loading img {
width: 1rem;
height: 1rem;
}
.operation .nextBlock {
width: 70%;
}
.loadingBlock {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
overflow: hidden;
/* background-color: #fff; */
z-index: 1000;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.loadingBlock img {
width: 0.8rem;
height: .8rem;
}
.loadingBlock span {
margin-top: .8rem;
font-size: .26rem;
text-align: center;
}