| | |
| | | /* pages/index/index.wxss */ |
| | | |
| | | /* 页面头部分享区域样式 */ |
| | | .header-section { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | padding: 20rpx; |
| | | background: #ffffff; |
| | | border-bottom: 1rpx solid #f0f0f0; |
| | | } |
| | | |
| | | .page-title { |
| | | font-size: 36rpx; |
| | | font-weight: 700; |
| | | color: #0f172a; |
| | | } |
| | | |
| | | .share-section { |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | |
| | | .share-btn { |
| | | display: flex; |
| | | align-items: center; |
| | | gap: 8rpx; |
| | | background: #007aff; |
| | | color: #ffffff; |
| | | border: none; |
| | | border-radius: 50rpx; |
| | | padding: 16rpx 24rpx; |
| | | font-size: 26rpx; |
| | | line-height: 1; |
| | | } |
| | | |
| | | .share-btn::after { |
| | | border: none; |
| | | } |
| | | |
| | | .share-btn:active { |
| | | background: #0056cc; |
| | | } |
| | | |
| | | .share-icon { |
| | | font-size: 28rpx; |
| | | } |
| | | |
| | | .share-text { |
| | | font-size: 26rpx; |
| | | } |
| | | |
| | | /* 比赛卡片分享按钮样式 */ |
| | | .share-activity-btn { |
| | | width: 80rpx; |
| | | height: 60rpx; |
| | | background: #f8fafc; |
| | | border: 1rpx solid #e2e8f0; |
| | | border-radius: 12rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | margin-left: 16rpx; |
| | | padding: 0; |
| | | line-height: 1; |
| | | } |
| | | |
| | | .share-activity-btn::after { |
| | | border: none; |
| | | } |
| | | |
| | | .share-activity-btn:active { |
| | | background: #e2e8f0; |
| | | } |
| | | |
| | | .share-icon-small { |
| | | font-size: 24rpx; |
| | | color: #64748b; |
| | | } |
| | | |
| | | /* 搜索栏样式 */ |
| | | .search-bar { |
| | | padding: 20rpx; |
| | |
| | | margin-bottom: 16rpx; |
| | | } |
| | | |
| | | .btn-none { |
| | | box-shadow: none; |
| | | background-color: transparent; |
| | | line-height: inherit; |
| | | border-radius: 0; |
| | | margin: 0rpx; |
| | | margin-right: 0rpx !important; |
| | | padding: 0rpx; |
| | | outline: none; |
| | | font-weight: normal; |
| | | width: auto; |
| | | } |
| | | |
| | | .ghost-btn { |
| | | background: #E6F0FF; |
| | | color: #007aff; |
| | | font-size: 26rpx; |
| | | padding: 14rpx 0; |
| | | border-radius: 999rpx; |
| | | line-height: 1; |
| | | width: 200rpx; |
| | | border: none; |
| | | width: 140rpx; |
| | | text-align: center; |
| | | /* align-self 已移除,由父级 .btn-row 控制对齐 */ |
| | | } |
| | | |
| | | .ghost-btn::after { |
| | | border: none; |
| | | } |
| | | |
| | | .ghost-btn:active { |