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.
1 lines
2.9 KiB
1 lines
2.9 KiB
.community-page.data-v-35b85e7e{min-height:100vh;background-color:#f8f9fa;position:relative;padding-bottom:120rpx}.banner-section.data-v-35b85e7e{height:400rpx;overflow:hidden}.banner-image.data-v-35b85e7e{width:100%;height:100%}.tab-section.data-v-35b85e7e{background:#fff;padding:0 40rpx;border-bottom:1rpx solid #f0f0f0;box-shadow:0 1.5px 3px 0 rgba(0,0,0,.16)}.tab-container.data-v-35b85e7e{display:flex;justify-content:space-evenly}.tab-item.data-v-35b85e7e{position:relative;padding:30rpx 0}.tab-item .tab-text.data-v-35b85e7e{font-size:32rpx;color:#666;font-weight:500;transition:color .3s ease}.tab-item.active .tab-text.data-v-35b85e7e{color:#007aff;font-weight:700}.tab-line.data-v-35b85e7e{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:40rpx;height:6rpx;background:#007aff;border-radius:3rpx;-webkit-animation:slideIn-data-v-35b85e7e .3s ease;animation:slideIn-data-v-35b85e7e .3s ease}@-webkit-keyframes slideIn-data-v-35b85e7e{from{width:0}to{width:40rpx}}@keyframes slideIn-data-v-35b85e7e{from{width:0}to{width:40rpx}}.post-item.data-v-35b85e7e{background-color:#fff;border-radius:16rpx;padding:32rpx;box-shadow:0 2rpx 16rpx rgba(0,0,0,.06);border:1rpx solid #f5f5f5;transition:box-shadow .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease}.post-item.data-v-35b85e7e:active{-webkit-transform:scale(.98);transform:scale(.98);box-shadow:0 4rpx 20rpx rgba(0,0,0,.1)}.user-info.data-v-35b85e7e{display:flex;align-items:center;margin-bottom:24rpx}.user-avatar.data-v-35b85e7e{width:88rpx;height:88rpx;border-radius:50%;margin-right:24rpx;border:2rpx solid #f0f0f0}.user-details.data-v-35b85e7e{flex:1}.username.data-v-35b85e7e{font-size:30rpx;font-weight:700;color:#333;display:block;margin-bottom:8rpx}.post-time.data-v-35b85e7e{font-size:24rpx;color:#999}.post-content .post-text.data-v-35b85e7e{font-size:30rpx;color:#333;line-height:1.6;display:block;margin-bottom:24rpx}.image-grid.data-v-35b85e7e{display:flex;flex-wrap:wrap;gap:12rpx}.post-image.data-v-35b85e7e{width:200rpx;height:200rpx;border-radius:12rpx;border:1rpx solid #f0f0f0}.action-btn.data-v-35b85e7e{position:fixed;bottom:120rpx;right:30rpx;width:120rpx;height:120rpx;background:linear-gradient(135deg,#007aff,#0056cc);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 8rpx 24rpx rgba(0,122,255,.4);z-index:100;transition:box-shadow .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease}.action-btn.data-v-35b85e7e:active{-webkit-transform:scale(.95);transform:scale(.95);box-shadow:0 4rpx 16rpx rgba(0,122,255,.6)}.action-btn.photo.data-v-35b85e7e{background:linear-gradient(135deg,#f66,#c33)}.action-text.data-v-35b85e7e{font-size:20rpx;color:#fff;margin-top:8rpx;font-weight:700}
|