|
|
@@ -9,42 +9,43 @@
|
|
|
padding-left: 20rpx;
|
|
|
padding-right: 20rpx;
|
|
|
color: #382E2E;
|
|
|
+ font-family: "Microsoft JhengHei", "PingFang SC", "Helvetica Neue", sans-serif;
|
|
|
+ font-weight: 400;
|
|
|
.infobox{
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
height: auto;
|
|
|
padding-top: 20rpx;
|
|
|
image{
|
|
|
- width: 134rpx;
|
|
|
- height: 140rpx;
|
|
|
+ width: 118rpx;
|
|
|
+ height: 120rpx;
|
|
|
border-radius: 15rpx;
|
|
|
}
|
|
|
.info{
|
|
|
width: auto;
|
|
|
height: 100rpx;
|
|
|
- margin-left: 40rpx;
|
|
|
+ margin-left: 34rpx;
|
|
|
.name{
|
|
|
- font-size: 36rpx;
|
|
|
- font-weight: 600;
|
|
|
- margin-bottom: 10rpx;
|
|
|
+ font-size: 40rpx;
|
|
|
+ font-weight: 700;
|
|
|
}
|
|
|
.uid{
|
|
|
- font-size: 28rpx;
|
|
|
+ font-size: 26rpx;
|
|
|
}
|
|
|
.labelbox{
|
|
|
height: 40rpx;
|
|
|
display: flex;
|
|
|
margin-top: 10rpx;
|
|
|
.label{
|
|
|
- width: 71rpx;
|
|
|
- height: 37rpx;
|
|
|
- font-size: 19rpx;
|
|
|
+ width: 58rpx;
|
|
|
+ height: 30rpx;
|
|
|
+ font-size: 14rpx;
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
align-items: center;
|
|
|
background-color: #39362D;
|
|
|
color: white;
|
|
|
- margin-left: 10rpx;
|
|
|
+ margin-left: 8rpx;
|
|
|
border-radius: 10rpx;
|
|
|
}
|
|
|
.label:nth-child(1){
|
|
|
@@ -55,63 +56,63 @@
|
|
|
}
|
|
|
.tatlebox{
|
|
|
width: 100%;
|
|
|
- height: 278rpx;
|
|
|
- margin-top: 40rpx;
|
|
|
+ height: 282rpx;
|
|
|
+ margin-top: 58rpx;
|
|
|
background-color: #B2CEB9;
|
|
|
border-radius: 15rpx;
|
|
|
display: flex;
|
|
|
justify-content: space-around;
|
|
|
padding-left: 45rpx;
|
|
|
padding-right: 45rpx;
|
|
|
+ padding-top: 76rpx;
|
|
|
.tatle{
|
|
|
width: 100rpx;
|
|
|
height: 100%;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
- justify-content: center;
|
|
|
align-items: center;
|
|
|
image{
|
|
|
- width: 100rpx;
|
|
|
- height: 100rpx;
|
|
|
+ width: 96rpx;
|
|
|
+ height: 96rpx;
|
|
|
|
|
|
}
|
|
|
.text{
|
|
|
- font-size: 28rpx;
|
|
|
- margin-top: 30rpx;
|
|
|
+ font-size: 24rpx;
|
|
|
+ margin-top: 20rpx;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
.myorderbox{
|
|
|
width: 100%;
|
|
|
+ height: 230rpx;
|
|
|
background-color: white;
|
|
|
- margin-top: 34rpx;
|
|
|
+ margin-top: 28rpx;
|
|
|
padding-left: 30rpx;
|
|
|
padding-right: 30rpx;
|
|
|
padding-top: 20rpx;
|
|
|
border-radius: 15rpx;
|
|
|
.my-name{
|
|
|
- font-size: 28rpx;
|
|
|
+ font-size: 26rpx;
|
|
|
+ font-weight: 300;
|
|
|
}
|
|
|
.or-box{
|
|
|
width: 100%;
|
|
|
- height: 200rpx;
|
|
|
- background-color: white;
|
|
|
display: flex;
|
|
|
justify-content: space-around;
|
|
|
+ margin-top: 10rpx;
|
|
|
.myorder{
|
|
|
- height: 200rpx;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
image{
|
|
|
- width: 60rpx;
|
|
|
- height: 60rpx;
|
|
|
+ width: 66rpx;
|
|
|
+ height: 66rpx;
|
|
|
|
|
|
}
|
|
|
.or-tex{
|
|
|
- font-size: 28rpx;
|
|
|
- margin-top: 25rpx;
|
|
|
+ font-size: 24rpx;
|
|
|
+ margin-top: 22rpx;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
@@ -119,16 +120,17 @@
|
|
|
}
|
|
|
.tuiguangbox{
|
|
|
width: 100%;
|
|
|
- height: 160rpx;
|
|
|
+ height: 150rpx;
|
|
|
background-color: white;
|
|
|
border-radius: 15rpx;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
+ padding-top: 34rpx;
|
|
|
padding-left: 30rpx;
|
|
|
padding-right: 30rpx;
|
|
|
- margin-top: 30rpx;
|
|
|
+ margin-top: 22rpx;
|
|
|
.tuibox{
|
|
|
- height: 120rpx;
|
|
|
+ // height: 120rpx;
|
|
|
width: 400rpx;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
@@ -143,8 +145,8 @@
|
|
|
}
|
|
|
}
|
|
|
image{
|
|
|
- width: 120rpx;
|
|
|
- height: 120rpx;
|
|
|
+ width: 102rpx;
|
|
|
+ height: 100rpx;
|
|
|
|
|
|
margin-left: auto;
|
|
|
margin-right: 40rpx;
|
|
|
@@ -172,12 +174,12 @@
|
|
|
border-radius: 15rpx;
|
|
|
margin-top: 30rpx;
|
|
|
image{
|
|
|
- width: 50rpx;
|
|
|
- height: 50rpx;
|
|
|
+ width: 36rpx;
|
|
|
+ height: 36rpx;
|
|
|
|
|
|
}
|
|
|
.leave-tex{
|
|
|
- font-size: 34rpx;
|
|
|
+ font-size: 32rpx;
|
|
|
margin-left: 10rpx;
|
|
|
}
|
|
|
}
|
