|
|
@ -11,7 +11,7 @@ page { |
|
|
|
} |
|
|
|
|
|
|
|
.user-info { |
|
|
|
width: calc(100% - 58rpx); |
|
|
|
/* width: calc(100% - 58rpx); */ |
|
|
|
height: 64rpx; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
@ -32,7 +32,7 @@ page { |
|
|
|
|
|
|
|
.user-info .name-date .name { |
|
|
|
font-size: 28rpx; |
|
|
|
font-weight: bold; |
|
|
|
/* font-weight: bold; */ |
|
|
|
color: rgba(51, 51, 51, 1); |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
@ -52,11 +52,9 @@ page { |
|
|
|
} |
|
|
|
|
|
|
|
.details-info { |
|
|
|
width: calc(100% - 58rpx); |
|
|
|
font-size: 36rpx; |
|
|
|
font-weight: 500; |
|
|
|
/* width: calc(100% - 58rpx); */ |
|
|
|
font-size: 32rpx; |
|
|
|
color: rgba(51, 51, 51, 1); |
|
|
|
line-height: 54rpx; |
|
|
|
word-break: break-all; |
|
|
|
} |
|
|
|
|
|
|
@ -76,14 +74,13 @@ page { |
|
|
|
} |
|
|
|
|
|
|
|
.attitude { |
|
|
|
width: calc(100% - 300rpx); |
|
|
|
/* width: calc(100% - 300rpx); */ |
|
|
|
margin: 21rpx 0rpx; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: space-between; |
|
|
|
/* justify-content: center; */ |
|
|
|
height: 28rpx; |
|
|
|
padding: 0 50rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.attitude .all { |
|
|
@ -139,7 +136,7 @@ page { |
|
|
|
} |
|
|
|
|
|
|
|
.likes { |
|
|
|
width: calc(100% - 98rpx); |
|
|
|
/* width: calc(100% - 98rpx); */ |
|
|
|
padding: 24rpx 20rpx 12rpx 20rpx; |
|
|
|
background: #F2F2F2; |
|
|
|
border-radius: 8rpx; |
|
|
@ -157,7 +154,7 @@ page { |
|
|
|
} |
|
|
|
|
|
|
|
.comment { |
|
|
|
width: calc(100% - 98rpx); |
|
|
|
/* width: calc(100% - 98rpx); */ |
|
|
|
padding: 12rpx 20rpx 24rpx 20rpx; |
|
|
|
background: #F2F2F2; |
|
|
|
border-radius: 8rpx; |
|
|
@ -262,9 +259,9 @@ page { |
|
|
|
.addIssue { |
|
|
|
width: 178rpx; |
|
|
|
height: 178rpx; |
|
|
|
position: fixed; |
|
|
|
/* position: fixed; |
|
|
|
bottom: 30%; |
|
|
|
right: 14rpx; |
|
|
|
right: 14rpx; */ |
|
|
|
} |
|
|
|
|
|
|
|
.addIssue image { |
|
|
@ -284,7 +281,7 @@ page { |
|
|
|
font-size: 32rpx; |
|
|
|
font-family: PingFang SC; |
|
|
|
font-weight: bold; |
|
|
|
color: rgba(51, 51, 51, 1); |
|
|
|
color: rgba(255, 51, 51, 1); |
|
|
|
line-height: 94rpx; |
|
|
|
position: absolute; |
|
|
|
left: 29rpx; |
|
|
@ -303,4 +300,26 @@ page { |
|
|
|
margin: 0; |
|
|
|
position: absolute; |
|
|
|
top: 30rpx; |
|
|
|
} |
|
|
|
.movable-area{ |
|
|
|
pointer-events:none; |
|
|
|
z-index: 100; |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
position: fixed; |
|
|
|
top: 0; |
|
|
|
left: 0; |
|
|
|
right: 0; |
|
|
|
bottom: 0; |
|
|
|
} |
|
|
|
.movable-view{ |
|
|
|
pointer-events:auto; |
|
|
|
width: 178rpx; |
|
|
|
height: 178rpx; |
|
|
|
transform: translateX(560rpx) translateY(680rpx) translateZ(0rpx) scale(1); |
|
|
|
transform-origin: center center; |
|
|
|
will-change: auto; |
|
|
|
position: absolute; |
|
|
|
top: 650rpx; |
|
|
|
left: 560rpx; |
|
|
|
} |