116 lines
2.2 KiB
SCSS
116 lines
2.2 KiB
SCSS
|
/* pages/detail/detail.wxss */
|
||
|
|
.container{
|
||
|
|
.c-part{
|
||
|
|
padding:0 10px;
|
||
|
|
}
|
||
|
|
.detail-name{
|
||
|
|
font-family: 'iconfont';
|
||
|
|
text-transform: capitalize;
|
||
|
|
font-size: 35px;
|
||
|
|
}
|
||
|
|
.material-part{
|
||
|
|
.mp-list{
|
||
|
|
margin-top: 10px;
|
||
|
|
.mpl-card{
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: space-between;
|
||
|
|
padding: 15px 0;
|
||
|
|
border-bottom: 1px solid rgb(231, 231, 231);
|
||
|
|
.m-name{
|
||
|
|
font-weight: 900;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
:last-child{
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.step-part{
|
||
|
|
.step-box{
|
||
|
|
.step-card{
|
||
|
|
align-items: center;
|
||
|
|
display: flex;
|
||
|
|
justify-content: flex-start;
|
||
|
|
padding: 10px 20px;
|
||
|
|
.step-index{
|
||
|
|
font-size: 25px;
|
||
|
|
font-weight: 900;
|
||
|
|
margin-right: 20px;
|
||
|
|
font-family: "iconfont";
|
||
|
|
text-transform: capitalize;
|
||
|
|
}
|
||
|
|
.step-desc{
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.deep-part{
|
||
|
|
.deep-box{
|
||
|
|
margin: 10px 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.fixed-part{
|
||
|
|
position: fixed;
|
||
|
|
bottom: 10px;
|
||
|
|
.fixed-part-wrap{
|
||
|
|
display: flex;
|
||
|
|
justify-content: space-between;
|
||
|
|
.fp-item{
|
||
|
|
image{
|
||
|
|
width: 23px;
|
||
|
|
padding: 10px;
|
||
|
|
// background: red;
|
||
|
|
border-radius: 50%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.measure-part{
|
||
|
|
.mp-box{
|
||
|
|
.mpb-item{
|
||
|
|
display: flex;
|
||
|
|
justify-content:space-between;
|
||
|
|
padding-bottom: 20px;
|
||
|
|
align-items: center;
|
||
|
|
.mpb-left{
|
||
|
|
|
||
|
|
}
|
||
|
|
.mpb-right{
|
||
|
|
.mpb-operation-box{
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
height: 10px;
|
||
|
|
.subtraction{
|
||
|
|
}
|
||
|
|
.add{
|
||
|
|
}
|
||
|
|
.disabled-add{
|
||
|
|
color: #e4e4e4;
|
||
|
|
}
|
||
|
|
.ob-btn{
|
||
|
|
font-size: 25px;
|
||
|
|
font-weight: 900;
|
||
|
|
line-height: 10px;
|
||
|
|
padding:10px;
|
||
|
|
}
|
||
|
|
.person-numer{
|
||
|
|
input{
|
||
|
|
width: 20px;
|
||
|
|
text-align: center;
|
||
|
|
margin: 0 20px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.close-btn{
|
||
|
|
position: fixed;
|
||
|
|
bottom: 50px;
|
||
|
|
right: 20px;
|
||
|
|
}
|