更新ui细节
This commit is contained in:
@ -278,7 +278,6 @@
|
||||
padding-top: 10rpx;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.deviceIMG {
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
@ -288,90 +287,75 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.IMG {
|
||||
width: 68rpx;
|
||||
height: 50rpx;
|
||||
margin-left: 17%;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 18px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.device-info {
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
border-bottom: 1rpx solid rgba(255, 255, 255, 0.06);
|
||||
}
|
||||
|
||||
.allSelect {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
float: right;
|
||||
}
|
||||
|
||||
.device-icon {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.device-id,
|
||||
.device-serial {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.permissions {
|
||||
width: 100%;
|
||||
margin-top: 20px;
|
||||
padding: 10px;
|
||||
border-bottom: 1rpx solid rgba(255, 255, 255, 0.06);
|
||||
}
|
||||
|
||||
.permissions-title {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
font-size: 30rpx;
|
||||
/* padding: 30rpx 0rpx; */
|
||||
}
|
||||
|
||||
.checkbox {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
border: 2rpx solid rgba(255, 255, 255, 0.5);
|
||||
margin-right: 20rpx;
|
||||
margin-right:30rpx;
|
||||
border-radius: 4rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.checkbox.checked {
|
||||
background-color: rgb(187, 230, 0);
|
||||
border-color: rgb(187, 230, 0);
|
||||
}
|
||||
|
||||
.permission-item {
|
||||
margin-top: 10px;
|
||||
margin-top:35rpx;
|
||||
display: flex;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
line-height: 60rpx;
|
||||
align-items: center;
|
||||
cursor: pointer;
|
||||
|
||||
}
|
||||
|
||||
.recipient-info {
|
||||
width: 100%;
|
||||
margin-top: 20px;
|
||||
padding: 10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.recipient-title {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
font-size: 30rpx;
|
||||
}
|
||||
|
||||
.phone-input {
|
||||
width: 100%;
|
||||
margin-top: 20rpx;
|
||||
@ -379,7 +363,6 @@
|
||||
border-bottom: 1rpx solid rgba(255, 255, 255, 0.06);
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
}
|
||||
|
||||
.verification-code {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
@ -388,7 +371,6 @@
|
||||
padding: 40rpx 0;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
}
|
||||
|
||||
.get-code-btn {
|
||||
margin-top: 10px;
|
||||
background-color: transparent;
|
||||
@ -412,7 +394,7 @@
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
background-color: rgba(0, 0, 0, 0.8);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
@ -433,18 +415,16 @@
|
||||
/* 弹窗主体 */
|
||||
.agreement-popup {
|
||||
width: 60%;
|
||||
background-color: rgb(42, 42, 42);
|
||||
background: rgba(56, 57, 52, 0.4);
|
||||
border-radius: 40rpx;
|
||||
padding: 30rpx;
|
||||
text-align: center;
|
||||
border: 1px solid rgba(187, 230, 0, 0.3);
|
||||
}
|
||||
|
||||
.svg {
|
||||
width: 58rpx;
|
||||
height: 62rpx;
|
||||
height:58rpx;
|
||||
}
|
||||
|
||||
/* 通用按钮样式 */
|
||||
.btn {
|
||||
height: 60rpx;
|
||||
|
Reference in New Issue
Block a user