|
|
@@ -270,7 +270,6 @@ export default {
|
|
|
height: 99upx;
|
|
|
margin-top: 5upx;
|
|
|
.text_8 {
|
|
|
- display:inline-block;
|
|
|
width: 458upx;
|
|
|
height: 38upx;
|
|
|
color: rgba(51, 51, 51, 1);
|
|
|
@@ -320,11 +319,9 @@ export default {
|
|
|
font-size: 30upx;
|
|
|
text-align: center;
|
|
|
flex: 1;
|
|
|
- margin: 0 8upx;
|
|
|
+ margin: 0 10upx;
|
|
|
padding-left: 10upx;
|
|
|
padding-right: 10upx;
|
|
|
- flex: 1;
|
|
|
- margin: 0 10upx;
|
|
|
}
|
|
|
|
|
|
}
|
|
|
@@ -338,11 +335,9 @@ export default {
|
|
|
width: 247upx;
|
|
|
height: 29upx;
|
|
|
margin: 26upx 0 0 30upx;
|
|
|
-
|
|
|
.waite_clear_order {
|
|
|
width: 214upx;
|
|
|
height: 29upx;
|
|
|
- overflow-wrap: break-word;
|
|
|
color: rgba(255, 40, 66, 1);
|
|
|
font-size: 30upx;
|
|
|
font-weight:bold;
|
|
|
@@ -359,7 +354,6 @@ export default {
|
|
|
line-height:80upx;
|
|
|
text-align:center;
|
|
|
background-color:#FF2842;
|
|
|
- background-size: 137upx 137upx;
|
|
|
width: 130upx;
|
|
|
position: absolute;
|
|
|
right: 100upx;
|
|
|
@@ -373,7 +367,7 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- // 右上角tip按钮样式 - 选项4：极简设计
|
|
|
+ // 右上角tip按钮样式 - 选项9：简约圆环设计
|
|
|
.tip-button {
|
|
|
position: absolute;
|
|
|
top: 20upx;
|
|
|
@@ -388,12 +382,13 @@ export default {
|
|
|
z-index: 20;
|
|
|
cursor: pointer;
|
|
|
transition: all 0.3s ease;
|
|
|
- box-shadow: 0 2upx 6upx rgba(0, 0, 0, 0.1);
|
|
|
+ box-shadow: 0 2upx 6upx rgba(0, 0, 0, 0.08);
|
|
|
+ border: 1upx solid rgba(0, 0, 0, 0.05);
|
|
|
|
|
|
&:hover {
|
|
|
background: rgba(255, 255, 255, 1);
|
|
|
transform: scale(1.1);
|
|
|
- box-shadow: 0 3upx 10upx rgba(0, 0, 0, 0.15);
|
|
|
+ box-shadow: 0 3upx 10upx rgba(0, 0, 0, 0.12);
|
|
|
}
|
|
|
|
|
|
&:active {
|
|
|
@@ -401,27 +396,27 @@ export default {
|
|
|
}
|
|
|
|
|
|
.tip-icon {
|
|
|
- width: 10upx;
|
|
|
- height: 10upx;
|
|
|
+ width: 12upx;
|
|
|
+ height: 12upx;
|
|
|
position: relative;
|
|
|
|
|
|
&::before {
|
|
|
content: '';
|
|
|
position: absolute;
|
|
|
- width: 10upx;
|
|
|
- height: 2upx;
|
|
|
- background-color: #999;
|
|
|
- border-radius: 1upx;
|
|
|
- top: 1upx;
|
|
|
+ width: 12upx;
|
|
|
+ height: 12upx;
|
|
|
+ border: 1.5upx solid #999;
|
|
|
+ border-radius: 50%;
|
|
|
+ top: 0;
|
|
|
left: 0;
|
|
|
- box-shadow: 0 4upx 0 #999, 0 8upx 0 #999;
|
|
|
+ box-sizing: border-box;
|
|
|
transition: all 0.3s ease;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
&:hover .tip-icon::before {
|
|
|
- background-color: #666;
|
|
|
- box-shadow: 0 4upx 0 #666, 0 8upx 0 #666;
|
|
|
+ border-color: #666;
|
|
|
+ transform: scale(1.1);
|
|
|
}
|
|
|
}
|
|
|
|
