xinelu-applet-ui/pagesC/ServiceAppointment/ServiceAppointment.scss
2023-11-16 11:57:19 +08:00

118 lines
2.1 KiB
SCSS

.app {
height: 100vh;
background-color: #F7F5F5;
padding: 30rpx 0 0 0;
overflow: scroll;
::v-deep .u-navbar-placeholder {
background-color: #F7F5F5;
z-index: 999;
}
.u-navbar {
display: block;
image {
margin: 0 4% 0 4%;
width: 20rpx;
height: 30rpx;
}
.title {
width: 31%;
font-size: 34rpx;
font-weight: 500;
color: #FFFFFF;
}
.inputs {
position: relative;
// margin-left: 4%;
box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
width: 60%;
height: 65rpx;
border-radius: 31rpx;
z-index: 999;
background: #65c0a9;
color: #FFFFFF;
.placeholder {
color: #FFFFFF;
}
.input {
margin: 0 auto;
position: absolute;
height: 65rpx;
// top: 8%;
left: 18%;
width: 80%;
font-size: 26rpx;
color: #FFFFFF;
}
.icon {
background: url(@/pagesB/static/sousuo.png) no-repeat;
width: 30rpx;
height: 28rpx;
background-size: cover;
position: absolute;
top: 28%;
left: 4%;
}
}
}
.content {
position: relative;
width: 95%;
height: 183rpx;
background: #FFFFFF;
box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
border-radius: 5rpx;
margin: 15rpx auto;
.servename {
padding: 0 50rpx 0 50rpx;
font-size: 28rpx;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-family: Source Han Sans CN;
font-weight: 400;
color: #868585;
line-height: 38rpx;
}
.appoint {
position: absolute;
right: 5%;
top: 58%;
transform: translateY(-50%);
width: 169rpx;
height: 61rpx;
background: #26A888;
border-radius: 5rpx;
line-height: 61rpx;
text-align: center;
color: #fff;
}
.big {
padding: 35rpx 84rpx 24rpx 46rpx;
// width: 0%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 28rpx;
font-family: Source Han Sans CN;
font-weight: 500;
color: #000000;
line-height: 38rpx;
span{
display: inline;
float: right;
}
}
}
}