You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
56 lines
930 B
56 lines
930 B
/* pages/activity/index.wxss */ |
|
page{ |
|
height: 100%; |
|
} |
|
.activity-page{ |
|
background: #f2f2f2; |
|
min-height: 100%; |
|
padding-top: 150rpx; |
|
} |
|
.tab-box{ |
|
width: 100%; |
|
height: 82rpx; |
|
background: #fff; |
|
margin-bottom: 50rpx; |
|
} |
|
.tab-item{ |
|
height: 100%; |
|
line-height: 82rpx; |
|
font-size: 34rpx; |
|
color: #A5A5A5; |
|
padding-bottom: 12rpx; |
|
box-sizing: border-box; |
|
font-weight: 600; |
|
position: relative; |
|
} |
|
.tab-item::after{ |
|
display: block; |
|
content: ''; |
|
width: 100%; |
|
height: 6rpx; |
|
background: #EBB672; |
|
position: absolute; |
|
bottom: 0; |
|
left: 0; |
|
opacity: 0; |
|
transform:scaleX(0); |
|
transition: all .2s cubic-bezier(.18,.89,.17,.88),opacity .15s ease; |
|
} |
|
.tab-item-active{ |
|
color: #333; |
|
} |
|
.tab-item-active::after{ |
|
opacity: 1; |
|
transform: scaleX(1); |
|
} |
|
|
|
.activity-item{ |
|
margin-bottom: 24rpx; |
|
background: #fff; |
|
padding: 16rpx 32rpx; |
|
} |
|
.address{ |
|
width:70%; |
|
display:inline-block; |
|
margin-left:10rpx; |
|
}
|
|
|