NurseStationApp/pages/modify/modify.scss

193 lines
3.5 KiB
SCSS
Raw Normal View History

2022-11-01 14:54:09 +08:00
.app {
2022-11-11 17:23:23 +08:00
padding-bottom: 50rpx;
2022-11-01 14:54:09 +08:00
background-color: #F4F5F7;
width: 100%;
color: #000000;
2022-12-01 17:03:02 +08:00
.Agreement{
width: 100%;
background-color: #F4F5F7;
text-align: center;
height: 1000rpx;
position: absolute;
top:5%;
font-size: 30rpx;
.title{
height: 100rpx;
line-height: 100rpx;
border-bottom: 1px solid #eeeeee;
font-size: 34rpx;
margin: 0px auto;
width: 100%;
text-align: center;
}
.scroll-Y{
height:830rpx ;
overflow-y:scroll;
text-align: left;
text-indent: 2em;
}
.cancel {
height:70rpx;
line-height: 70rpx;
font-size: 32rpx;
background-color: #F4F5F7;
position: absolute;
border-top: 1rpx solid #000000;
bottom:0;
right:0;
width: 50%;
color: #000000;
}
.determine {
height:70rpx;
line-height: 70rpx;
font-size: 32rpx;
width: 50%;
color: #F4F5F7;
background: #4C7BC9;
position: absolute;
bottom:0;
left:0;
}
}
.radio-content {
margin: 50rpx auto;
width: 70%;
text-align: center;
font-size: 28rpx;
position: relative;
.agreement {
position: absolute;
top:50%;
left:20%;
transform: translateY(-50%);
color: #878987;
}
.radio-right {
height: 100rpx;
.radio {
display: inline-block;
width: 35rpx;
height: 35rpx;
border-radius: 70%;
border: 2rpx solid #178ffb;
position: absolute;
top:50%;
left:5%;
transform: translateY(-50%);
.radio-active {
width: 16rpx;
height: 16rpx;
border-radius: 50%;
background-color: #178ffb;
position: absolute;
top:50%;
left:50%;
transform: translate(-50%,-50%);
}
}
}
}
2022-11-03 17:26:15 +08:00
.finish{
width: 25%;
height: 68rpx;
background: #4C7BC9;
border-radius: 26rpx;
text-align: center;
line-height: 68rpx;
color: #fff;
margin-top: 50rpx;
margin-left: 65%;
}
.userinfo {
2022-11-11 14:19:07 +08:00
width: 96%;
2022-11-03 17:26:15 +08:00
background-color: #fff;
2022-11-01 14:54:09 +08:00
margin: 0 auto;
2022-11-03 17:26:15 +08:00
border-radius: 20rpx;
.disease{
2022-11-11 14:19:07 +08:00
width: 100%;
2022-11-03 17:26:15 +08:00
margin: 0 auto;
2022-11-11 14:19:07 +08:00
padding: 0 6% 0 3%;
2022-11-03 17:26:15 +08:00
line-height: 80rpx;
border-bottom: 1rpx solid #D8D4D4;
position: relative;
view{
display: inline-block;
2022-11-01 14:54:09 +08:00
}
2022-11-03 17:26:15 +08:00
.pictureA {
width: 18rpx;
height: 27rpx;
position: absolute;
2022-11-11 14:19:07 +08:00
right:30rpx;
2022-11-03 17:26:15 +08:00
top:50%;
transform: translateY(-50%);
2022-11-01 14:54:09 +08:00
}
}
2022-11-03 17:26:15 +08:00
.item {
2022-11-11 14:19:07 +08:00
width: 94%;
2022-11-03 17:26:15 +08:00
margin: 0 auto;
height: 120rpx;
line-height: 120rpx;
2022-11-01 14:54:09 +08:00
border-bottom: 1rpx solid #D8D4D4;
2022-11-03 17:26:15 +08:00
position: relative;
2022-11-11 14:19:07 +08:00
font-size: 30rpx;
2022-11-01 14:54:09 +08:00
.picture {
vertical-align: middle;
2022-11-03 17:26:15 +08:00
width: 180rpx;
height: 180rpx;
position: absolute;
top:10rpx;
right:80rpx;
2022-11-01 14:54:09 +08:00
}
2022-11-03 17:26:15 +08:00
2022-11-01 14:54:09 +08:00
.pictureA {
margin-left: 3%;
width: 18rpx;
height: 27rpx;
2022-11-03 17:26:15 +08:00
position: absolute;
right:20rpx;
top:50%;
transform: translateY(-50%);
}
2022-11-14 11:24:55 +08:00
.address {
2022-11-11 14:19:07 +08:00
position: absolute;
left:25%;
top:50%;
width: 75%;
transform: translateY(-50%);
display: inline-block;
2022-11-03 17:26:15 +08:00
height: 120rpx;
line-height: 120rpx;
2022-11-01 14:54:09 +08:00
}
2022-11-03 17:26:15 +08:00
span {
2022-11-01 14:54:09 +08:00
display: inline-block;
2022-11-03 17:26:15 +08:00
line-height: 120rpx;
height: 120rpx;
width: 25%;
}
::v-deep .u-input__input {
height: 120rpx;
font-size: 30rpx;
}
::v-deep .uni-input-wrapper {
2022-11-11 14:19:07 +08:00
display: inline-block;
2022-11-03 17:26:15 +08:00
height: 120rpx;
line-height: 120rpx;
}
::v-deep .u-input {
height: 120rpx;
line-height: 120rpx;
2022-11-11 14:19:07 +08:00
position: absolute;
left:25%;
top:50%;
2022-11-14 11:24:55 +08:00
width: 75%;
2022-11-11 14:19:07 +08:00
transform: translateY(-50%);
2022-11-01 14:54:09 +08:00
}
}
}
}