一体机放大效果开发
This commit is contained in:
@@ -207,14 +207,14 @@ function goBack() {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 30rpx;
|
||||
padding: 45rpx;
|
||||
background: #FFFFFF;
|
||||
margin: 20rpx;
|
||||
border-radius: 20rpx;
|
||||
box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.08);
|
||||
margin: 30rpx;
|
||||
border-radius: 30rpx;
|
||||
box-shadow: 0 6rpx 30rpx rgba(0, 0, 0, 0.08);
|
||||
|
||||
.avatar-label {
|
||||
font-size: 28rpx;
|
||||
font-size: 42rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
@@ -223,35 +223,35 @@ function goBack() {
|
||||
align-items: center;
|
||||
|
||||
.company-avatar {
|
||||
width: 80rpx;
|
||||
height: 80rpx;
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
border-radius: 50%;
|
||||
margin-right: 16rpx;
|
||||
margin-right: 24rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.info-section {
|
||||
background: #FFFFFF;
|
||||
margin: 0 20rpx 40rpx;
|
||||
border-radius: 20rpx;
|
||||
box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.08);
|
||||
margin: 0 30rpx 60rpx;
|
||||
border-radius: 30rpx;
|
||||
box-shadow: 0 6rpx 30rpx rgba(0, 0, 0, 0.08);
|
||||
|
||||
.info-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 30rpx;
|
||||
border-bottom: 1rpx solid #F5F5F5;
|
||||
padding: 45rpx;
|
||||
border-bottom: 2rpx solid #F5F5F5;
|
||||
|
||||
&:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.info-label {
|
||||
font-size: 28rpx;
|
||||
font-size: 42rpx;
|
||||
color: #6C7282;
|
||||
min-width: 200rpx;
|
||||
min-width: 300rpx;
|
||||
}
|
||||
|
||||
.info-content {
|
||||
@@ -260,11 +260,11 @@ function goBack() {
|
||||
flex: 1;
|
||||
|
||||
.info-value {
|
||||
font-size: 28rpx;
|
||||
font-size: 42rpx;
|
||||
color: #333333;
|
||||
flex: 1;
|
||||
text-align: right;
|
||||
margin-right: 16rpx;
|
||||
margin-right: 24rpx;
|
||||
word-break: break-all;
|
||||
}
|
||||
}
|
||||
@@ -280,69 +280,69 @@ function goBack() {
|
||||
}
|
||||
|
||||
.contact-management-section {
|
||||
border-top: 20rpx solid #F4F4F4;
|
||||
border-top: 30rpx solid #F4F4F4;
|
||||
|
||||
.contact-section-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 20rpx 30rpx;
|
||||
padding: 30rpx 45rpx;
|
||||
background: #F8F8F8;
|
||||
border-bottom: 1rpx solid #F5F5F5;
|
||||
border-bottom: 2rpx solid #F5F5F5;
|
||||
|
||||
.contact-section-title {
|
||||
font-size: 24rpx;
|
||||
font-size: 36rpx;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.edit-contacts-btn {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 8rpx 16rpx;
|
||||
padding: 12rpx 24rpx;
|
||||
background: #E6F7FF;
|
||||
border-radius: 8rpx;
|
||||
border-radius: 12rpx;
|
||||
|
||||
.edit-text {
|
||||
font-size: 24rpx;
|
||||
font-size: 36rpx;
|
||||
color: #256BFA;
|
||||
margin-left: 8rpx;
|
||||
margin-left: 12rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.contact-display-item {
|
||||
padding: 20rpx 30rpx;
|
||||
border-bottom: 1rpx solid #F5F5F5;
|
||||
padding: 30rpx 45rpx;
|
||||
border-bottom: 2rpx solid #F5F5F5;
|
||||
|
||||
&:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.contact-display-title {
|
||||
font-size: 26rpx;
|
||||
font-size: 39rpx;
|
||||
font-weight: 600;
|
||||
color: #333333;
|
||||
margin-bottom: 16rpx;
|
||||
margin-bottom: 24rpx;
|
||||
}
|
||||
|
||||
.contact-display-content {
|
||||
.contact-field {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 12rpx;
|
||||
margin-bottom: 18rpx;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.field-label {
|
||||
font-size: 26rpx;
|
||||
font-size: 39rpx;
|
||||
color: #6C7282;
|
||||
min-width: 120rpx;
|
||||
min-width: 180rpx;
|
||||
}
|
||||
|
||||
.field-value {
|
||||
font-size: 26rpx;
|
||||
font-size: 39rpx;
|
||||
color: #333333;
|
||||
flex: 1;
|
||||
}
|
||||
@@ -351,11 +351,11 @@ function goBack() {
|
||||
}
|
||||
|
||||
.no-contacts {
|
||||
padding: 40rpx 30rpx;
|
||||
padding: 60rpx 45rpx;
|
||||
text-align: center;
|
||||
|
||||
.no-contacts-text {
|
||||
font-size: 26rpx;
|
||||
font-size: 39rpx;
|
||||
color: #999999;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user