NurseStationApp/pages/appointmenttime/appointmenttime.scss

178 lines
3.1 KiB
SCSS
Raw Normal View History

2022-10-24 16:46:54 +08:00
.app {
2022-10-31 09:04:45 +08:00
font-size: 34rpx;
padding-top: 10rpx;
.addition{
color: #666666;
}
2022-10-24 16:46:54 +08:00
.money {
font-size: 32rpx;
color: #D43953;
2022-10-31 09:04:45 +08:00
position: absolute;
right:5%;
top:20%;
2022-10-24 16:46:54 +08:00
}
.user {
background: #FFFFFF;
width: 94%;
margin: 10rpx auto;
box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
border-radius: 20rpx;
line-height: 93rpx;
.selecttime {
height: 93rpx;
margin-left: 3%;
text {
font-size: 34rpx;
color: #878987;
}
image {
width: 18rpx;
height: 27rpx;
2022-10-25 08:58:53 +08:00
margin-left:50%;
2022-10-24 16:46:54 +08:00
}
}
.item {
width: 97%;
height: 93rpx;
border-bottom: 1rpx solid #D8D4D4;
margin-left: 3%;
}
}
.remarks {
width: 94%;
height: 382rpx;
margin: 10rpx auto;
padding: 3%;
2022-10-31 09:04:45 +08:00
font-size: 34rpx;
2022-10-24 16:46:54 +08:00
height: 96rpx;
background: #FFFFFF;
border-radius: 20rpx;
margin-top: 2%;
input {
margin-top: -6%;
margin-left: 15%;
}
}
.priceback {
width: 99%;
background: #FFFFFF;
2022-10-31 09:04:45 +08:00
height: 100rpx;
position:absolute;
bottom:0;
padding-bottom: 20rpx;
2022-10-24 16:46:54 +08:00
display: flex;
2022-10-31 09:04:45 +08:00
justify-content: space-around;
2022-10-24 16:46:54 +08:00
.prices {
2022-10-31 09:04:45 +08:00
font-size: 48rpx;
2022-10-24 16:46:54 +08:00
color: #D43953;
2022-10-31 09:04:45 +08:00
line-height: 100rpx;
2022-10-24 16:46:54 +08:00
}
.xiugai {
2022-10-31 09:04:45 +08:00
width: 200rpx;
height: 70rpx;
2022-10-24 16:46:54 +08:00
background: #E1AE3C;
border-radius: 26rpx;
margin-left: 20%;
2022-10-31 09:04:45 +08:00
margin-top: 15rpx;
line-height: 70rpx;
2022-10-24 16:46:54 +08:00
text-align: center;
color: #ffffff;
}
.queren {
2022-10-31 09:04:45 +08:00
width: 200rpx;
height: 70rpx;
2022-10-24 16:46:54 +08:00
background: #4C7BC9;
border-radius: 26rpx;
2022-10-31 09:04:45 +08:00
margin: 15rpx 0 0 15rpx;
line-height: 70rpx;
2022-10-24 16:46:54 +08:00
text-align: center;
color: #ffffff;
}
}
.radio-content {
height: 80rpx;
line-height: 2rpx;
font-size: 34rpx;
2022-10-31 09:04:45 +08:00
padding-top: 20rpx;
2022-10-24 16:46:54 +08:00
.agreement {
font-size: 34rpx;
color: #878987;
margin-left: 14%;
2022-10-31 09:04:45 +08:00
}
2022-10-24 16:46:54 +08:00
.radio-right {
margin-left: 66rpx;
.radio-default {
border: 2rpx solid #0fbda6;
}
.radio {
width: 34rpx;
height: 34rpx;
border-radius: 70%;
border: 2rpx solid #178ffb;
margin: 6px 25px -10px -10px;
.radio-active {
width: 16rpx;
height: 16rpx;
border-radius: 50%;
background-color: #178ffb;
margin-left: 26%;
margin-top: 22%;
// margin: 0 auto;
}
}
}
}
/* 耗材包 */
.Consumablespackage {
width: 94%;
margin: 10rpx auto;
padding: 3%;
2022-10-31 09:04:45 +08:00
font-size: 34rpx;
2022-10-24 16:46:54 +08:00
background: #FFFFFF;
border-radius: 20rpx;
margin-top: 2%;
2022-10-31 09:04:45 +08:00
position: relative;
padding-bottom: 40rpx;
2022-10-24 16:46:54 +08:00
.detail {
width: 301rpx;
height: 31rpx;
line-height: 31rpx;
2022-10-31 09:04:45 +08:00
font-size: 32rpx;
2022-10-24 16:46:54 +08:00
color: #666666;
line-height: 31rpx;
2022-10-31 09:04:45 +08:00
margin: 20rpx 0 0 40rpx;
2022-10-24 16:46:54 +08:00
}
}
/* 套餐 */
.Package {
width: 94%;
2022-10-31 09:04:45 +08:00
height: 150rpx;
2022-10-24 16:46:54 +08:00
margin: 10rpx auto;
padding: 3%;
2022-10-31 09:04:45 +08:00
font-size: 34rpx;
2022-10-24 16:46:54 +08:00
background: #FFFFFF;
border-radius: 20rpx;
margin-top:2%;
2022-10-31 09:04:45 +08:00
position: relative;
2022-10-24 16:46:54 +08:00
.detail {
line-height: 31rpx;
2022-10-31 09:04:45 +08:00
font-size: 32rpx;
2022-10-24 16:46:54 +08:00
color: #666666;
line-height: 31rpx;
2022-10-31 09:04:45 +08:00
position: absolute;
left:10%;
top:60%;
2022-10-24 16:46:54 +08:00
}
}
.message {
width: 94%;
background: white;
border-radius: 20rpx;
margin: 0 auto;
text-align: center;
line-height: 96rpx;
}
2022-10-25 10:04:44 +08:00
}