diff --git a/components/CouponsPopup.vue b/components/CouponsPopup.vue index 5e24d48..c3f82c1 100644 --- a/components/CouponsPopup.vue +++ b/components/CouponsPopup.vue @@ -33,7 +33,7 @@ 确定 @@ -119,6 +119,7 @@ export default { .list-box { max-height: 640rpx; + height: 640rpx; margin-top: 32rpx; overflow-y: auto; } diff --git a/components/SubSection.vue b/components/SubSection.vue index 1a4c867..fb5ce01 100644 --- a/components/SubSection.vue +++ b/components/SubSection.vue @@ -38,14 +38,15 @@ export default { @@ -54,20 +55,27 @@ export default { width: 686rpx; height: 80rpx; box-sizing: border-box; - border: 2rpx solid #FF564A; - border-radius: 4rpx; + border-radius: 20rpx; font-size: 32rpx; + overflow: hidden; + position: relative; .sub-section__item { width: 50%; background: #FFFFFF; color: #333333; font-weight: bold; + position: relative; } .sub-section__active { - background: #FF564A; - color: #FFFFFF; + position: absolute; + width: 140rpx; + height: 8rpx; + background: linear-gradient(to right, #C52733 0%, rgba(211,92,101,0.91) 54%, rgba(255,255,255,0.62) 100%); + border-radius: 0rpx 0rpx 26rpx 26rpx; + bottom: (80 - 34) / 2 * 1rpx; + transition: left ease-in-out 0.3s; } } \ No newline at end of file