311 lines
4.0 KiB
Plaintext
311 lines
4.0 KiB
Plaintext
/* 工作台盒子 */
|
|
.box7{
|
|
width: 100%;
|
|
height: 40px;
|
|
position: absolute;
|
|
}
|
|
.box7 image{
|
|
width: 30px;
|
|
height: 30px;
|
|
position: absolute;
|
|
left: 10px;
|
|
top: 10px;
|
|
}
|
|
|
|
/* 《工作台》 */
|
|
.wgzt{
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
position: absolute;
|
|
top: 10px;
|
|
left: 160px;
|
|
}
|
|
|
|
/* 工作台展示内容 */
|
|
.gzt{
|
|
width: 320px;
|
|
height: 100px;
|
|
position: absolute;
|
|
top: 40px;
|
|
left: 30px;
|
|
background-color: #de868f;
|
|
border-radius: 15px;
|
|
}
|
|
|
|
/* 竖线 */
|
|
.sx{
|
|
width: 2px;
|
|
height: 60px;
|
|
position: absolute;
|
|
top: 20px;
|
|
left: 159px;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
/* 今日收益 */
|
|
.sy{
|
|
font-size: 15px;
|
|
position: absolute;
|
|
top: 20px;
|
|
left: 30px;
|
|
color: #ffffff;
|
|
}
|
|
|
|
/* 收益金额 */
|
|
.wsy{
|
|
font-size: 25px;
|
|
position: absolute;
|
|
top: 50px;
|
|
left: 65px;
|
|
color: #ffffff;
|
|
}
|
|
|
|
/* 有效订单 */
|
|
.dd{
|
|
font-size: 15px;
|
|
position: absolute;
|
|
top: 20px;
|
|
left: 210px;
|
|
color: #ffffff;
|
|
}
|
|
|
|
/* 订单数量 */
|
|
.wdd{
|
|
font-size: 25px;
|
|
position: absolute;
|
|
top: 50px;
|
|
left: 240px;
|
|
color: #ffffff;
|
|
}
|
|
|
|
/* 《店铺管理》 */
|
|
.wdpgl{
|
|
font-size: 20px;
|
|
position: absolute;
|
|
top: 160px;
|
|
left: 20px;
|
|
}
|
|
|
|
/* 店铺管理盒子 */
|
|
.box{
|
|
width: 390px;
|
|
height: 200px;
|
|
position: absolute;
|
|
top: 190px;
|
|
}
|
|
|
|
/* 店铺信息 */
|
|
.box1{
|
|
width: 100px;
|
|
height: 80px;
|
|
position: absolute;
|
|
top: 10px;
|
|
left: 30px;
|
|
}
|
|
.box1 image{
|
|
width: 50px;
|
|
height: 50px;
|
|
position: absolute;
|
|
left: 25px;
|
|
}
|
|
|
|
/* 销售统计 */
|
|
.box2{
|
|
width: 100px;
|
|
height: 80px;
|
|
position: absolute;
|
|
top: 10px;
|
|
left: 145px;
|
|
}
|
|
.box2 image{
|
|
width: 40px;
|
|
height: 40px;
|
|
position: absolute;
|
|
left: 25px;
|
|
}
|
|
|
|
/* 预约时间管理 */
|
|
.box3{
|
|
width: 100px;
|
|
height: 80px;
|
|
position: absolute;
|
|
top: 10px;
|
|
right: 30px;
|
|
}
|
|
.box3 image{
|
|
width: 40px;
|
|
height: 40px;
|
|
position: absolute;
|
|
left: 25px;
|
|
}
|
|
|
|
/* 美甲师管理 */
|
|
.box4{
|
|
width: 100px;
|
|
height: 80px;
|
|
position: absolute;
|
|
top: 110px;
|
|
left: 30px;
|
|
}
|
|
.box4 image{
|
|
width: 40px;
|
|
height: 40px;
|
|
position: absolute;
|
|
left: 25px;
|
|
}
|
|
|
|
/* 商品管理 */
|
|
.box5{
|
|
width: 100px;
|
|
height: 80px;
|
|
position: absolute;
|
|
top: 110px;
|
|
left: 145px;
|
|
}
|
|
.box5 image{
|
|
width: 40px;
|
|
height: 40px;
|
|
position: absolute;
|
|
left: 25px;
|
|
}
|
|
|
|
/* 评价管理 */
|
|
.box6{
|
|
width: 100px;
|
|
height: 80px;
|
|
position: absolute;
|
|
top: 110px;
|
|
right: 30px;
|
|
}
|
|
.box6 image{
|
|
width: 40px;
|
|
height: 40px;
|
|
position: absolute;
|
|
left: 25px;
|
|
}
|
|
|
|
/* 6个管理内容 */
|
|
.p1{
|
|
font-size: 14px;
|
|
position: relative;
|
|
left: 22px;
|
|
top: 55px;
|
|
}
|
|
.p2{
|
|
font-size: 14px;
|
|
position: relative;
|
|
left: 8px;
|
|
top: 55px;
|
|
}
|
|
.p3{
|
|
font-size: 14px;
|
|
position: relative;
|
|
left: 15px;
|
|
top: 55px;
|
|
}
|
|
|
|
/* 《店铺开关》 */
|
|
.wdpkg{
|
|
font-size: 20px;
|
|
position: absolute;
|
|
top: 400px;
|
|
left: 20px;
|
|
}
|
|
|
|
/* 店铺状态 */
|
|
.wdpzt{
|
|
font-size: 15px;
|
|
position: absolute;
|
|
top: 440px;
|
|
left: 25px;
|
|
}
|
|
|
|
/* 营业时间 盒子 */
|
|
.box8{
|
|
width: 100%;
|
|
height: 40px;
|
|
position: absolute;
|
|
top: 470px;
|
|
}
|
|
.box8 image{
|
|
width: 15px;
|
|
height: 15px;
|
|
position: absolute;
|
|
top: 12px;
|
|
right: 35px;
|
|
}
|
|
.wyysj{
|
|
font-size: 15px;
|
|
position: absolute;
|
|
top: 10px;
|
|
left: 25px;
|
|
}
|
|
|
|
.p4{
|
|
font-size: 15px;
|
|
position: relative;
|
|
top: 10px;
|
|
left: 280px;
|
|
}
|
|
|
|
/* 底部盒子底 */
|
|
.d{
|
|
width: 100%;
|
|
height: 70px;
|
|
border: 1px ;
|
|
position: fixed;
|
|
bottom: 0px;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
/* 底部盒子 */
|
|
.boxd{
|
|
width: 100%;
|
|
height: 50px;
|
|
border: 1px ;
|
|
position: fixed;
|
|
bottom: 20px;
|
|
border: 1px #bababa solid;
|
|
background-color: #ffffff;
|
|
box-shadow: 0px 2px 2px 2px #c3c3c3;
|
|
}
|
|
|
|
.box9{
|
|
width: 50px;
|
|
height: 50px;
|
|
position: fixed;
|
|
left: 70px;
|
|
}
|
|
.box9 image{
|
|
width: 30px;
|
|
height: 30px;
|
|
position: absolute;
|
|
left: 10px;
|
|
}
|
|
|
|
.box10{
|
|
width: 50px;
|
|
height: 50px;
|
|
position: fixed;
|
|
right: 70px;
|
|
}
|
|
.box10 image{
|
|
width: 30px;
|
|
height: 30px;
|
|
position: absolute;
|
|
left: 10px;
|
|
}
|
|
|
|
.p5{
|
|
font-size: 12px;
|
|
position: absolute;
|
|
bottom: 5px;
|
|
left: 14px;
|
|
}
|
|
.p6{
|
|
font-size: 12px;
|
|
position: absolute;
|
|
bottom: 5px;
|
|
left: 8px;
|
|
color: #de868f;
|
|
} |