|
|
@@ -215,12 +215,7 @@ export default {
|
|
|
};
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
-.shop-title_box {
|
|
|
- color: #333333;
|
|
|
- font-size: 30upx;
|
|
|
- font-weight: 600;
|
|
|
- padding: 48upx 0 80upx 40upx;
|
|
|
-}
|
|
|
+
|
|
|
.shop-list_box {
|
|
|
.ghs_list_page {
|
|
|
background-color: rgba(255, 255, 255, 1);
|
|
|
@@ -237,87 +232,19 @@ export default {
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
}
|
|
|
- .justify-start {
|
|
|
- display: flex;
|
|
|
- justify-content: flex-start;
|
|
|
- }
|
|
|
- .justify-center {
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- }
|
|
|
-
|
|
|
- .justify-end {
|
|
|
- display: flex;
|
|
|
- justify-content: flex-end;
|
|
|
- }
|
|
|
- .justify-evenly {
|
|
|
- display: flex;
|
|
|
- justify-content: space-evenly;
|
|
|
- }
|
|
|
- .justify-around {
|
|
|
- display: flex;
|
|
|
- justify-content: space-around;
|
|
|
- }
|
|
|
.justify-between {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
}
|
|
|
- .align-start {
|
|
|
- display: flex;
|
|
|
- align-items: flex-start;
|
|
|
- }
|
|
|
- .align-center {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- }
|
|
|
- .align-end {
|
|
|
+ .justify-end {
|
|
|
display: flex;
|
|
|
- align-items: flex-end;
|
|
|
+ justify-content: flex-end;
|
|
|
}
|
|
|
|
|
|
.ghs_list_area {
|
|
|
padding-top: 25rpx;
|
|
|
width: 750upx;
|
|
|
background-color: #ece5e5;
|
|
|
- .group_1 {
|
|
|
- box-shadow: 0px 1px 0px 0px rgba(221, 221, 221, 1);
|
|
|
- background-color: rgba(255, 255, 255, 1);
|
|
|
- width: 750upx;
|
|
|
- height: 128upx;
|
|
|
- margin-top: 2upx;
|
|
|
- .image_1 {
|
|
|
- width: 727upx;
|
|
|
- height: 20upx;
|
|
|
- margin: 11upx 0 0 12upx;
|
|
|
- }
|
|
|
- .block_4 {
|
|
|
- width: 714upx;
|
|
|
- height: 64upx;
|
|
|
- margin: 21upx 0 12upx 24upx;
|
|
|
- .icon_1 {
|
|
|
- width: 20upx;
|
|
|
- height: 34upx;
|
|
|
- margin-top: 16upx;
|
|
|
- }
|
|
|
- .text_1 {
|
|
|
- width: 107upx;
|
|
|
- height: 34upx;
|
|
|
- overflow-wrap: break-word;
|
|
|
- color: rgba(4, 4, 4, 1);
|
|
|
- font-size: 36upx;
|
|
|
- font-family: PingFangSC-Semibold;
|
|
|
- text-align: left;
|
|
|
- white-space: nowrap;
|
|
|
- line-height: 24upx;
|
|
|
- margin: 15upx 0 0 278upx;
|
|
|
- }
|
|
|
- .applet-top-bar_1 {
|
|
|
- width: 174upx;
|
|
|
- height: 64upx;
|
|
|
- margin-left: 135upx;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
.ghs_box {
|
|
|
background-color: rgba(255, 255, 255, 1);
|
|
|
position: relative;
|
|
|
@@ -399,44 +326,7 @@ export default {
|
|
|
flex: 1;
|
|
|
margin: 0 10upx;
|
|
|
}
|
|
|
- .tag_3 {
|
|
|
- background-color: rgba(255, 255, 255, 1);
|
|
|
- border-radius: 8px;
|
|
|
- height: 60upx;
|
|
|
- border: 1px solid rgba(221, 221, 221, 1);
|
|
|
- margin-left: 12upx;
|
|
|
- width: 140upx;
|
|
|
- .text_11 {
|
|
|
- width: 101upx;
|
|
|
- height: 25upx;
|
|
|
- overflow-wrap: break-word;
|
|
|
- color: rgba(51, 51, 51, 1);
|
|
|
- font-size: 26upx;
|
|
|
- text-align: left;
|
|
|
- white-space: nowrap;
|
|
|
- line-height: 25upx;
|
|
|
- margin: 17upx 0 0 20upx;
|
|
|
- }
|
|
|
- }
|
|
|
- .tag_4 {
|
|
|
- background-color: rgba(255, 255, 255, 1);
|
|
|
- border-radius: 8px;
|
|
|
- height: 60upx;
|
|
|
- border: 1px solid rgba(221, 221, 221, 1);
|
|
|
- margin-left: 12upx;
|
|
|
- width: 192upx;
|
|
|
- .text_12 {
|
|
|
- width: 153upx;
|
|
|
- height: 25upx;
|
|
|
- overflow-wrap: break-word;
|
|
|
- color: rgba(51, 51, 51, 1);
|
|
|
- font-size: 26upx;
|
|
|
- text-align: left;
|
|
|
- white-space: nowrap;
|
|
|
- line-height: 25upx;
|
|
|
- margin: 17upx 0 0 18upx;
|
|
|
- }
|
|
|
- }
|
|
|
+
|
|
|
}
|
|
|
.box_6 {
|
|
|
background-color: rgb(248, 242, 242);
|
|
|
@@ -448,11 +338,7 @@ export default {
|
|
|
width: 247upx;
|
|
|
height: 29upx;
|
|
|
margin: 26upx 0 0 30upx;
|
|
|
- .icon_2 {
|
|
|
- width: 22upx;
|
|
|
- height: 26upx;
|
|
|
- margin-top: 2upx;
|
|
|
- }
|
|
|
+
|
|
|
.waite_clear_order {
|
|
|
width: 214upx;
|
|
|
height: 29upx;
|
|
|
@@ -465,27 +351,7 @@ export default {
|
|
|
line-height: 29upx;
|
|
|
}
|
|
|
}
|
|
|
- .image-text_9 {
|
|
|
- width: 134upx;
|
|
|
- height: 27upx;
|
|
|
- margin: 26upx 29upx 0 310upx;
|
|
|
- .text-group_4 {
|
|
|
- width: 111upx;
|
|
|
- height: 27upx;
|
|
|
- overflow-wrap: break-word;
|
|
|
- color: rgba(255, 40, 66, 1);
|
|
|
- font-size: 30upx;
|
|
|
- font-weight:bold;
|
|
|
- text-align: left;
|
|
|
- white-space: nowrap;
|
|
|
- line-height: 27upx;
|
|
|
- }
|
|
|
- .icon_3 {
|
|
|
- width: 14upx;
|
|
|
- height: 24upx;
|
|
|
- margin-top: 2upx;
|
|
|
- }
|
|
|
- }
|
|
|
+
|
|
|
}
|
|
|
|
|
|
.button_4 {
|
|
|
@@ -507,14 +373,14 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- // 右上角tip按钮样式
|
|
|
+ // 右上角tip按钮样式 - 选项4：极简设计
|
|
|
.tip-button {
|
|
|
position: absolute;
|
|
|
top: 20upx;
|
|
|
right: 20upx;
|
|
|
- width: 44upx;
|
|
|
- height: 44upx;
|
|
|
- background-color: rgba(255, 255, 255, 0.95);
|
|
|
+ width: 36upx;
|
|
|
+ height: 36upx;
|
|
|
+ background: rgba(255, 255, 255, 0.95);
|
|
|
border-radius: 50%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
@@ -522,13 +388,12 @@ export default {
|
|
|
z-index: 20;
|
|
|
cursor: pointer;
|
|
|
transition: all 0.3s ease;
|
|
|
- box-shadow: 0 2upx 8upx rgba(0, 0, 0, 0.12);
|
|
|
- border: 1upx solid rgba(0, 0, 0, 0.08);
|
|
|
+ box-shadow: 0 2upx 6upx rgba(0, 0, 0, 0.1);
|
|
|
|
|
|
&:hover {
|
|
|
- background-color: rgba(255, 255, 255, 1);
|
|
|
- box-shadow: 0 4upx 12upx rgba(0, 0, 0, 0.18);
|
|
|
- transform: scale(1.08);
|
|
|
+ background: rgba(255, 255, 255, 1);
|
|
|
+ transform: scale(1.1);
|
|
|
+ box-shadow: 0 3upx 10upx rgba(0, 0, 0, 0.15);
|
|
|
}
|
|
|
|
|
|
&:active {
|
|
|
@@ -536,27 +401,27 @@ export default {
|
|
|
}
|
|
|
|
|
|
.tip-icon {
|
|
|
- width: 12upx;
|
|
|
- height: 12upx;
|
|
|
+ width: 10upx;
|
|
|
+ height: 10upx;
|
|
|
position: relative;
|
|
|
|
|
|
&::before {
|
|
|
content: '';
|
|
|
position: absolute;
|
|
|
- width: 12upx;
|
|
|
+ width: 10upx;
|
|
|
height: 2upx;
|
|
|
- background-color: #666;
|
|
|
+ background-color: #999;
|
|
|
border-radius: 1upx;
|
|
|
- top: 2upx;
|
|
|
+ top: 1upx;
|
|
|
left: 0;
|
|
|
- box-shadow: 0 4upx 0 #666, 0 8upx 0 #666;
|
|
|
+ box-shadow: 0 4upx 0 #999, 0 8upx 0 #999;
|
|
|
transition: all 0.3s ease;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
&:hover .tip-icon::before {
|
|
|
- background-color: #333;
|
|
|
- box-shadow: 0 4upx 0 #333, 0 8upx 0 #333;
|
|
|
+ background-color: #666;
|
|
|
+ box-shadow: 0 4upx 0 #666, 0 8upx 0 #666;
|
|
|
}
|
|
|
}
|
|
|
|
