| ÎļþÃû´Ó small-program/unpackage/dist/dev/mp-weixin/pages/store-home/store-home.wxss ÐÞ¸Ä |
| | |
| | | /* åç´é´è· */ |
| | | /* éæåº¦ */ |
| | | /* æç« åºæ¯ç¸å
³ */ |
| | | .container.data-v-14e2db34 { |
| | | .container.data-v-edb8ba0e { |
| | | background-color: #f5f5f5; |
| | | min-height: 100vh; |
| | | } |
| | | /* æ¸åèæ¯å®¹å¨ */ |
| | | .gradient-background.data-v-14e2db34 { |
| | | .gradient-background.data-v-edb8ba0e { |
| | | background: #C8F3FF; |
| | | color: #1a1a1a; |
| | | position: relative; |
| | | overflow: hidden; |
| | | } |
| | | .gradient-background.data-v-14e2db34::after { |
| | | .gradient-background.data-v-edb8ba0e::after { |
| | | content: ''; |
| | | position: absolute; |
| | | bottom: 0; |
| | |
| | | background: linear-gradient(to bottom, transparent, #ffffff); |
| | | } |
| | | /* èªå®ä¹å¯¼èªæ */ |
| | | .custom-nav.data-v-14e2db34 { |
| | | .custom-nav.data-v-edb8ba0e { |
| | | color: #1a1a1a; |
| | | } |
| | | .nav-content.data-v-14e2db34 { |
| | | .nav-content.data-v-edb8ba0e { |
| | | display: flex; |
| | | align-items: center; |
| | | padding: 0 20rpx; |
| | | } |
| | | .nav-title.data-v-14e2db34 { |
| | | .nav-title.data-v-edb8ba0e { |
| | | font-size: 32rpx; |
| | | font-weight: bold; |
| | | } |
| | | .stats-section.data-v-14e2db34 { |
| | | .stats-section.data-v-edb8ba0e { |
| | | height: 256rpx; |
| | | width: 100%; |
| | | background-repeat: no-repeat; |
| | | background-size: 100% 100%; |
| | | } |
| | | .stats-tabs.data-v-14e2db34 { |
| | | .stats-tabs.data-v-edb8ba0e { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | |
| | | position: relative; |
| | | z-index: 1; |
| | | } |
| | | .tab-item.data-v-14e2db34 { |
| | | .tab-item.data-v-edb8ba0e { |
| | | font-size: 28rpx; |
| | | color: #91d5ff; |
| | | } |
| | | .tab-item.active.data-v-14e2db34 { |
| | | .tab-item.active.data-v-edb8ba0e { |
| | | color: white; |
| | | font-weight: bold; |
| | | } |
| | | .tab-item.right.data-v-14e2db34 { |
| | | .tab-item.right.data-v-edb8ba0e { |
| | | color: white; |
| | | } |
| | | .stats-cards.data-v-14e2db34 { |
| | | .stats-cards.data-v-edb8ba0e { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | position: relative; |
| | | z-index: 1; |
| | | } |
| | | .stat-card.data-v-14e2db34 { |
| | | .stat-card.data-v-edb8ba0e { |
| | | flex: 1; |
| | | text-align: center; |
| | | } |
| | | .stat-label.data-v-14e2db34 { |
| | | .stat-label.data-v-edb8ba0e { |
| | | display: block; |
| | | font-size: 24rpx; |
| | | color: #91d5ff; |
| | | margin-bottom: 10rpx; |
| | | } |
| | | .stat-value.data-v-14e2db34 { |
| | | .stat-value.data-v-edb8ba0e { |
| | | display: block; |
| | | font-size: 36rpx; |
| | | font-weight: bold; |
| | | color: white; |
| | | } |
| | | .function-buttons.data-v-14e2db34 { |
| | | .function-buttons.data-v-edb8ba0e { |
| | | background-color: white; |
| | | margin: 0 20rpx 20rpx; |
| | | border-radius: 12rpx; |
| | |
| | | display: flex; |
| | | justify-content: space-between; |
| | | } |
| | | .func-btn.data-v-14e2db34 { |
| | | .func-btn.data-v-edb8ba0e { |
| | | display: flex; |
| | | flex-direction: column; |
| | | align-items: center; |
| | | width: 120rpx; |
| | | } |
| | | .func-icon.data-v-14e2db34 { |
| | | .func-icon.data-v-edb8ba0e { |
| | | width: 80rpx; |
| | | height: 80rpx; |
| | | margin-bottom: 10rpx; |
| | | } |
| | | .func-text.data-v-14e2db34 { |
| | | .func-text.data-v-edb8ba0e { |
| | | font-size: 24rpx; |
| | | color: #666; |
| | | } |
| | | .orders-section.data-v-14e2db34 { |
| | | .orders-section.data-v-edb8ba0e { |
| | | background-color: white; |
| | | margin: 0 20rpx 20rpx; |
| | | border-radius: 12rpx; |
| | | padding: 20rpx; |
| | | } |
| | | .section-title.data-v-14e2db34 { |
| | | .section-title.data-v-edb8ba0e { |
| | | font-size: 32rpx; |
| | | font-weight: bold; |
| | | color: #333; |
| | | margin-bottom: 20rpx; |
| | | display: block; |
| | | } |
| | | .order-item.data-v-14e2db34 { |
| | | .order-item.data-v-edb8ba0e { |
| | | border-bottom: 1rpx solid #eee; |
| | | padding: 20rpx 0; |
| | | } |
| | | .order-item.data-v-14e2db34:last-child { |
| | | .order-item.data-v-edb8ba0e:last-child { |
| | | border-bottom: none; |
| | | } |
| | | .order-header.data-v-14e2db34 { |
| | | .order-header.data-v-edb8ba0e { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | margin-bottom: 20rpx; |
| | | flex-wrap: wrap; |
| | | } |
| | | .order-tag.data-v-14e2db34 { |
| | | .order-tag.data-v-edb8ba0e { |
| | | background-color: #52c41a; |
| | | color: white; |
| | | padding: 8rpx 16rpx; |
| | | border-radius: 20rpx; |
| | | font-size: 24rpx; |
| | | } |
| | | .order-user.data-v-14e2db34 { |
| | | .order-user.data-v-edb8ba0e { |
| | | font-size: 28rpx; |
| | | color: #333; |
| | | } |
| | | .order-status.data-v-14e2db34 { |
| | | .order-status.data-v-edb8ba0e { |
| | | font-size: 28rpx; |
| | | color: #ff4d4f; |
| | | } |
| | | .order-product.data-v-14e2db34 { |
| | | .order-product.data-v-edb8ba0e { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: flex-start; |
| | | margin-bottom: 30rpx; |
| | | } |
| | | .product-info.data-v-14e2db34 { |
| | | .product-info.data-v-edb8ba0e { |
| | | flex: 3; |
| | | } |
| | | .product-name.data-v-14e2db34 { |
| | | .product-name.data-v-edb8ba0e { |
| | | font-size: 28rpx; |
| | | color: #333; |
| | | display: block; |
| | | } |
| | | .product-spec.data-v-14e2db34 { |
| | | .product-spec.data-v-edb8ba0e { |
| | | font-size: 24rpx; |
| | | color: #999; |
| | | display: block; |
| | | margin-top: 5rpx; |
| | | } |
| | | .product-price-count.data-v-14e2db34 { |
| | | .product-price-count.data-v-edb8ba0e { |
| | | flex: 1; |
| | | text-align: right; |
| | | } |
| | | .product-price.data-v-14e2db34 { |
| | | .product-price.data-v-edb8ba0e { |
| | | font-size: 28rpx; |
| | | color: #ff4d4f; |
| | | display: block; |
| | | } |
| | | .product-count.data-v-14e2db34 { |
| | | .product-count.data-v-edb8ba0e { |
| | | font-size: 24rpx; |
| | | color: #999; |
| | | display: block; |
| | | margin-top: 5rpx; |
| | | } |
| | | .order-footer.data-v-14e2db34 { |
| | | .order-footer.data-v-edb8ba0e { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | margin: 30rpx 0; |
| | | } |
| | | .total-price.data-v-14e2db34 { |
| | | .total-price.data-v-edb8ba0e { |
| | | font-size: 28rpx; |
| | | color: #333; |
| | | font-weight: bold; |
| | | } |
| | | .order-buttons.data-v-14e2db34 { |
| | | .order-buttons.data-v-edb8ba0e { |
| | | display: flex; |
| | | gap: 20rpx; |
| | | } |
| | | .btn.data-v-14e2db34 { |
| | | .btn.data-v-edb8ba0e { |
| | | padding: 20rpx 40rpx; |
| | | border-radius: 40rpx; |
| | | font-size: 28rpx; |
| | | border: none; |
| | | } |
| | | .btn.secondary.data-v-14e2db34 { |
| | | .btn.secondary.data-v-edb8ba0e { |
| | | background-color: white; |
| | | color: #1677ff; |
| | | border: 2rpx solid #1677ff; |
| | | } |
| | | .btn.primary.data-v-14e2db34 { |
| | | .btn.primary.data-v-edb8ba0e { |
| | | background-color: #1677ff; |
| | | color: white; |
| | | } |
| | | .order-note.data-v-14e2db34 { |
| | | .order-note.data-v-edb8ba0e { |
| | | font-size: 24rpx; |
| | | color: #999; |
| | | background-color: #f5f5f5; |