xinelu-applet-ui/pagesB/modify/modify.scss
2023-10-13 15:17:41 +08:00

302 lines
5.6 KiB
SCSS

.app {
background-color: #F4F5F7;
width: 100%;
color: #000000;
padding: 15rpx 0 50rpx;
.name {
width: 94%;
margin: 0 auto;
height: 120rpx;
line-height: 120rpx;
border-bottom: 1rpx solid #D8D4D4;
position: relative;
font-size: 30rpx;
::v-deep .input input.data-v-2ee6bce8 {
// position: relative;
// background-color: red;
// top: 50%;
// transform: translateY(64%);
// font-size: 30rpx;
position: absolute;
left: 25%;
top: 50%;
color:#000;
width: 75%;
transform: translateY(-50%);
display: inline-block;
height: 120rpx;
line-height: 120rpx;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
/deep/ .u-drawer {
z-index: 0 !important;
}
// .name {
// width: 94%;
// margin: 0 auto;
// height: 120rpx;
// line-height: 120rpx;
// border-bottom: 1rpx solid #D8D4D4;
// position: relative;
// font-size: 30rpx;
// ::v-deep .u-radio.data-v-643b3322 {
// margin-top: 8rpx;
// margin-left: 30rpx;
// }
// ::v-deep .u-input {
// width: 630rpx;
// height: 63rpx;
// background: #F6F6F6;
// margin: 12rpx auto;
// border: none;
// border-radius: 5rpx;
// }
// .select {
// position: absolute;
// left: 25%;
// top: 50%;
// width: 75%;
// transform: translateY(-50%);
// display: inline-block;
// height: 120rpx;
// line-height: 120rpx;
// overflow: hidden;
// text-overflow: ellipsis;
// white-space: nowrap;
// // ::v-deep .input input.data-v-2ee6bce8 {
// // position: absolute;
// // background-color: red;
// // top: 50;
// // transform: translateY(64%);
// // font-size: 30rpx;
// // }
// }
// }
.Agreement {
width: 100%;
background-color: #fff;
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: #26A888;
position: absolute;
bottom: 0;
left: 0;
}
}
.radio-content {
margin: 30rpx auto 0;
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: 50rpx;
height: 50rpx;
border-radius: 70%;
border: 2rpx solid #26A888;
position: absolute;
top: 50%;
left: 5%;
transform: translateY(-50%);
.radio-active {
width: 16rpx;
height: 16rpx;
border-radius: 50%;
background-color: #26A888;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
}
}
.finish {
width: 70%;
height: 71rpx;
background: #26A888;
border-radius: 36rpx;
text-align: center;
line-height: 71rpx;
color: #fff;
margin: 30rpx auto 0;
font-size: 32rpx;
}
.userinfo {
width: 96%;
background-color: #fff;
margin: 0 auto;
border-radius: 20rpx;
.disease {
width: 100%;
margin: 0 auto;
padding: 0 6% 0 3%;
line-height: 80rpx;
border-bottom: 1rpx solid #D8D4D4;
position: relative;
.title {
font-size: 30rpx;
display: block;
line-height: 120rpx;
}
.pictureA {
width: 18rpx;
height: 27rpx;
position: absolute;
right: 30rpx;
top: 50%;
transform: translateY(-50%);
}
}
.itemimgs {
width: 100%;
height: 400rpx;
border-bottom: 1rpx solid #D8D4D4;
position: relative;
.text{
position: absolute;
top: 85%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 28rpx;
font-weight: 400;
color: #333333;
}
.picture {
border-radius: 50%;
width: 200rpx;
height: 200rpx;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
.item {
width: 94%;
margin: 0 auto;
height: 120rpx;
line-height: 120rpx;
border-bottom: 1rpx solid #D8D4D4;
position: relative;
font-size: 30rpx;
::v-deep .u-radio-group{
position: absolute;
top:50%;
transform: translateY(-50%);
left:170rpx;
}
::v-deep .u-radio{
width: 150rpx !important;
}
.address {
position: absolute;
left: 25%;
top: 50%;
width: 75%;
transform: translateY(-50%);
display: inline-block;
height: 120rpx;
line-height: 120rpx;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
::v-deep .u-input__input {
height: 120rpx;
font-size: 30rpx;
}
::v-deep .uni-input-wrapper {
display: inline-block;
height: 120rpx;
line-height: 120rpx;
}
::v-deep u-input {
height: 120rpx;
line-height: 120rpx;
width: 75%;
position: absolute;
left: 25%;
top: 50%;
transform: translateY(-50%);
}
}
}
}