145 lines
2.0 KiB
Plaintext
145 lines
2.0 KiB
Plaintext
/* 大盒子 */
|
|
.box{
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
/* 上门预约订单盒子 */
|
|
.smyydd{
|
|
width: 390px;
|
|
height: 50px;
|
|
position: absolute;
|
|
background-color: #eec2c7;
|
|
}
|
|
.smyydd image{
|
|
width: 30px;
|
|
height: 30px;
|
|
position: absolute;
|
|
left: 10px;
|
|
top: 10px;
|
|
}
|
|
|
|
/* 《上门预约订单》 */
|
|
.wsmyydd{
|
|
font-size: 25px;
|
|
font-weight: bold;
|
|
left: 120px;
|
|
top: 10px;
|
|
position: absolute;
|
|
color: black;
|
|
}
|
|
|
|
/* 三个预约盒子 */
|
|
.box1{
|
|
width: 100%;
|
|
height: 210px;
|
|
top: 50px;
|
|
position: relative;
|
|
border: 1px #d9d9d9 solid;
|
|
}
|
|
|
|
/* 从上到下三个盒子 */
|
|
.box2{
|
|
width: 100%;
|
|
height: 80px;
|
|
}
|
|
.box2 image{
|
|
width: 80px;
|
|
height: 80px;
|
|
position: absolute;
|
|
top: 10px;
|
|
left: 10px;
|
|
border-radius: 50px;
|
|
}
|
|
.box3{
|
|
width: 100%;
|
|
height: 80px;
|
|
position: relative;
|
|
top: 80px;
|
|
}
|
|
.box3 image{
|
|
width: 20px;
|
|
height: 20px;
|
|
position: absolute;
|
|
top: 18px;
|
|
left: 320px;
|
|
}
|
|
.box4{
|
|
width: 100%;
|
|
height: 50px;
|
|
position: relative;
|
|
top: 80px;
|
|
}
|
|
|
|
/* 款式 */
|
|
.p1{
|
|
font-size: 15px;
|
|
position: absolute;
|
|
left: 100px;
|
|
top: 40px;
|
|
}
|
|
|
|
/* 款式价格 */
|
|
.p11{
|
|
font-size: 20px;
|
|
position: absolute;
|
|
right: 20px;
|
|
top: 40px;
|
|
font-weight: bold;
|
|
color: #f5b037;
|
|
}
|
|
|
|
/* 预约内容 */
|
|
.p3{
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
position: absolute;
|
|
left: 20px;
|
|
top: 20px;
|
|
}
|
|
.p4{
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
position: absolute;
|
|
left: 20px;
|
|
top: 55px;
|
|
}
|
|
|
|
/* 下单日期和情况 */
|
|
.p5{
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
position: absolute;
|
|
left: 20px;
|
|
top: 10px;
|
|
}
|
|
.p6{
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
position: absolute;
|
|
left: 15px;
|
|
top: 5px;
|
|
color: #ffffff;
|
|
}
|
|
|
|
/* 订单进行中情况框 */
|
|
.box5{
|
|
width: 90px;
|
|
height: 30px;
|
|
position: absolute;
|
|
right: 30px;
|
|
top: 10px;
|
|
background-color: #ff3348;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
/* 订单已完成情况框 */
|
|
.box6{
|
|
width: 90px;
|
|
height: 30px;
|
|
position: absolute;
|
|
right: 30px;
|
|
top: 10px;
|
|
background-color: #58a55c;
|
|
border-radius: 10px;
|
|
} |