diff --git a/pages/cloudStore/cloudStoreDetail.vue b/pages/cloudStore/cloudStoreDetail.vue index e891964..93827fc 100644 --- a/pages/cloudStore/cloudStoreDetail.vue +++ b/pages/cloudStore/cloudStoreDetail.vue @@ -32,7 +32,8 @@ - {{item.name}} + {{item.name}} + {{tabList[activeID].name}} @@ -72,7 +73,7 @@ name:'商家介绍', value:'3' }], - activeID:3 + activeID:1 } }, methods:{ @@ -186,69 +187,69 @@ left: 0; right: 0; border-radius: 18rpx; - } - .bodyHeader{ - border-radius: 20rpx 20rpx 0rpx 0rpx; - background: linear-gradient( 91deg, #43A1FF 0%, #2F80F9 100%); - display: flex; - .itemBox{ - width: 196rpx; - font-weight: 400; - font-size: 32rpx; - text-align: center; - padding-top: 36rpx; - box-sizing: border-box; - color: #FFFFFF; - } - .active0{ - font-weight: 600; - font-size: 32rpx; - color: #0066D6; - text-align: center; - background-image: url("https://files.hecrab.com/crab-net/yxs-cloudStore-rate-tab-left.png"); - background-size: cover; - width: 198rpx; - height: 104rpx; - } - .active0{ - font-weight: 600; - font-size: 32rpx; - color: #0066D6; - text-align: center; - background-image: url("https://files.hecrab.com/crab-net/yxs-cloudStore-rate-tab-left.png"); - background-size: cover; - width: 224rpx; - height: 104rpx; - } - .active1{ - font-weight: 600; - font-size: 32rpx; - color: #0066D6; - text-align: center; - background-image: url("https://files.hecrab.com/crab-net/yxs-cloudStore-rate-tab-center.png"); - background-size: cover; - width: 224rpx; - height: 104rpx; - } - .active2{ - font-weight: 600; - font-size: 32rpx; - color: #0066D6; - text-align: center; - background-image: url("https://files.hecrab.com/crab-net/yxs-cloudStore-rate-tab-center.png"); - background-size: cover; - width: 224rpx; - height: 104rpx; + .bodyHeader{ + height: 196rpx; + border-radius: 20rpx 20rpx 0rpx 0rpx; + background: linear-gradient( 91deg, #43A1FF 0%, #2F80F9 100%); + display: flex; + .itemBox{ + width: 196rpx; + font-weight: 400; + font-size: 32rpx; + text-align: center; + padding-top: 36rpx; + box-sizing: border-box; + color: #FFFFFF; + } + .active{ + width: 224rpx; + height: 135rpx; + font-weight: 600; + font-size: 32rpx; + color: #0066D6; + line-height: 45rpx; + background-size: 100% 100%; + bottom: 70rpx; + box-sizing: border-box; + &.act-0{ + position: absolute; + left: 0; + background-image: url("https://files.hecrab.com/crab-net/yxs-cloudStore-rate-tab-left.png"); + padding-top: 42rpx; + padding-left: 20rpx; + } + &.act-1{ + position: absolute; + left: 170rpx; + background-image: url("https://files.hecrab.com/crab-net/yxs-cloudStore-rate-tab-center.png"); + padding-top: 42rpx; + text-align: center; + } + &.act-2{ + position: absolute; + left: 360rpx; + background-image: url("https://files.hecrab.com/crab-net/yxs-cloudStore-rate-tab-center.png"); + padding-top: 42rpx; + text-align: center; + } + &.act-3{ + position: absolute; + right: 0; + background-image: url("https://files.hecrab.com/crab-net/yxs-cloudStore-rate-tab-right.png"); + padding-top: 42rpx; + text-align: center; + } + } } - .active3{ - font-weight: 600; - font-size: 32rpx; - color: #0066D6; - text-align: center; - background-image: url("https://files.hecrab.com/crab-net/yxs-cloudStore-rate-tab-right.png"); - background-size: cover; - width: 224rpx; - height: 104rpx; + + .body{ + border-radius: 18rpx; + position: absolute; + top: 104rpx; + box-sizing: border-box; } } + + + \ No newline at end of file diff --git a/pages/cloudStore/components/couponsAct.vue b/pages/cloudStore/components/couponsAct.vue index c9479f0..931fcc1 100644 --- a/pages/cloudStore/components/couponsAct.vue +++ b/pages/cloudStore/components/couponsAct.vue @@ -1,13 +1,30 @@