| | |
| | | /* 文章场景相关 */ |
| | | .index-page.data-v-57280228 { |
| | | position: relative; |
| | | min-height: 100vh; |
| | | background: #f5f7fb; |
| | | padding-bottom: 160rpx; |
| | | padding-bottom: 30rpx; |
| | | } |
| | | .top-gradient-bg.data-v-57280228 { |
| | | position: absolute; |
| | |
| | | max-width: 360rpx; |
| | | } |
| | | .location-chip image.data-v-57280228 { |
| | | flex-shrink: 0; |
| | | width: 36rpx; |
| | | height: 36rpx; |
| | | margin-right: 8rpx; |
| | |
| | | font-weight: 500; |
| | | font-size: 32rpx; |
| | | color: #FFFFFF; |
| | | } |
| | | .hero-actions.data-v-57280228 { |
| | | display: flex; |
| | | align-items: center; |
| | | padding: 6rpx 10rpx; |
| | | border-radius: 999rpx; |
| | | background: rgba(255, 255, 255, 0.7); |
| | | } |
| | | .hero-action.data-v-57280228 { |
| | | width: 52rpx; |
| | | height: 52rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | } |
| | | .action-ring.data-v-57280228 { |
| | | border-left: 1rpx solid rgba(44, 44, 44, 0.12); |
| | | } |
| | | .search-box.data-v-57280228 { |
| | | height: 72rpx; |
| | |
| | | } |
| | | .banner-card.data-v-57280228 { |
| | | position: relative; |
| | | height: 310rpx; |
| | | padding: 28rpx 26rpx; |
| | | height: 320rpx; |
| | | padding: 0; |
| | | border-radius: 20rpx; |
| | | overflow: hidden; |
| | | background: linear-gradient(180deg, #bde7ff 0%, #e9f9ff 38%, #90d16e 100%); |
| | | box-sizing: border-box; |
| | | } |
| | | .banner-card.data-v-57280228::before, |
| | | .banner-card.data-v-57280228::after { |
| | | content: ''; |
| | | position: absolute; |
| | | top: 28rpx; |
| | | width: 140rpx; |
| | | height: 78rpx; |
| | | background: rgba(255, 255, 255, 0.62); |
| | | border-radius: 999rpx; |
| | | .banner-swiper.data-v-57280228 { |
| | | height: 100%; |
| | | } |
| | | .banner-card.data-v-57280228::before { |
| | | left: -34rpx; |
| | | .banner-swiper ::deep .uni-swiper-dot.data-v-57280228 { |
| | | width: 30rpx; |
| | | height: 6rpx; |
| | | border-radius: 3rpx; |
| | | } |
| | | .banner-card.data-v-57280228::after { |
| | | right: -24rpx; |
| | | .banner-swiper ::deep .uni-swiper-dot-active.data-v-57280228 { |
| | | background-color: #ffffff; |
| | | } |
| | | .banner-tag.data-v-57280228 { |
| | | display: inline-flex; |
| | | align-items: center; |
| | | height: 46rpx; |
| | | padding: 0 18rpx; |
| | | border-radius: 24rpx; |
| | | background: #ff7d51; |
| | | font-size: 24rpx; |
| | | font-weight: 600; |
| | | color: #ffffff; |
| | | } |
| | | .banner-copy.data-v-57280228 { |
| | | position: relative; |
| | | z-index: 1; |
| | | width: 196rpx; |
| | | margin-top: 44rpx; |
| | | padding: 20rpx 18rpx; |
| | | border: 4rpx solid rgba(255, 255, 255, 0.7); |
| | | border-radius: 18rpx; |
| | | background: rgba(112, 175, 92, 0.28); |
| | | } |
| | | .banner-copy text.data-v-57280228 { |
| | | display: block; |
| | | font-size: 48rpx; |
| | | font-weight: 700; |
| | | line-height: 1.25; |
| | | color: #ffffff; |
| | | .banner-swiper swiper-item.data-v-57280228 { |
| | | height: 100%; |
| | | } |
| | | .banner-image.data-v-57280228 { |
| | | position: absolute; |
| | | right: 10rpx; |
| | | bottom: 12rpx; |
| | | width: 320rpx; |
| | | height: 220rpx; |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | .service-grid.data-v-57280228 { |
| | | display: grid; |
| | |
| | | content: ' >'; |
| | | } |
| | | .recommend-list.data-v-57280228 { |
| | | margin-top: 14rpx; |
| | | margin-top: 32rpx; |
| | | } |
| | | .point-card.data-v-57280228 { |
| | | display: flex; |
| | | gap: 18rpx; |
| | | padding: 24rpx; |
| | | margin-bottom: 18rpx; |
| | | margin-bottom: 20rpx; |
| | | border-radius: 18rpx; |
| | | background: #f4f7fc; |
| | | } |
| | |
| | | height: 104rpx; |
| | | border-radius: 12rpx; |
| | | overflow: hidden; |
| | | background: #dfe7f3; |
| | | } |
| | | .point-thumb-image.data-v-57280228 { |
| | | width: 100%; |