70 lines
3.1 KiB
Plaintext
70 lines
3.1 KiB
Plaintext
|
|
.page.data-v-7db6cc15 { padding: 24rpx
|
|
}
|
|
.section-title.data-v-7db6cc15 { font-size: 30rpx; font-weight: 600; margin-bottom: 16rpx
|
|
}
|
|
.products-section.data-v-7db6cc15 { background: #ffffff; border-radius: 12rpx; padding: 24rpx; margin-top: 24rpx
|
|
}
|
|
.loading-wrap.data-v-7db6cc15 { min-height: 60vh; display: flex; align-items: center; justify-content: center
|
|
}
|
|
.spinner.data-v-7db6cc15 { width: 56rpx; height: 56rpx; border: 6rpx solid rgba(0,122,255,0.15); border-top-color: #007AFF; border-radius: 50%; animation: spin-7db6cc15 1s linear infinite
|
|
}
|
|
@keyframes spin-7db6cc15 {
|
|
from { transform: rotate(0)
|
|
}
|
|
to { transform: rotate(360deg)
|
|
}
|
|
}
|
|
.toolbar.data-v-7db6cc15 { display: flex; flex-direction: column; gap: 12rpx; margin-bottom: 16rpx
|
|
}
|
|
.search.data-v-7db6cc15 { background: #f6f8ff; border: 1rpx solid rgba(0,122,255,0.25); border-radius: 999rpx; padding: 14rpx 20rpx; font-size: 26rpx
|
|
}
|
|
.filters.data-v-7db6cc15 { display: flex; align-items: center; gap: 12rpx
|
|
}
|
|
.price.data-v-7db6cc15 { flex: 1; background: #f6f8ff; border: 1rpx solid rgba(0,122,255,0.25); border-radius: 999rpx; padding: 12rpx 16rpx; font-size: 26rpx
|
|
}
|
|
.dash.data-v-7db6cc15 { color: #888; font-size: 26rpx
|
|
}
|
|
.apply-btn.data-v-7db6cc15 { background: #007AFF; color: #fff; border-radius: 999rpx; padding: 0 20rpx
|
|
}
|
|
.products-columns.data-v-7db6cc15 { display: flex; gap: 12rpx
|
|
}
|
|
.column.data-v-7db6cc15 { flex: 1
|
|
}
|
|
.product-item.data-v-7db6cc15 { margin-bottom: 12rpx
|
|
}
|
|
.empty.data-v-7db6cc15 { padding: 40rpx; color: #888; text-align: center
|
|
}
|
|
.product-card.data-v-7db6cc15 { background: #fff; border-radius: 16rpx; overflow: hidden; box-shadow: 0 6rpx 16rpx rgba(0,122,255,0.08); transition: transform .15s ease
|
|
}
|
|
.product-item:active .product-card.data-v-7db6cc15 { transform: scale(0.98)
|
|
}
|
|
.thumb-wrap.data-v-7db6cc15 { position: relative
|
|
}
|
|
.product-thumb.data-v-7db6cc15 { width: 100%; height: auto; display: block; opacity: 0; transition: opacity .25s ease; z-index: 0
|
|
}
|
|
.product-thumb.visible.data-v-7db6cc15 { opacity: 1
|
|
}
|
|
.skeleton.data-v-7db6cc15 { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: linear-gradient(90deg, #eef2ff 25%, #f6f8ff 37%, #eef2ff 63%); background-size: 400% 100%; animation: shimmer-7db6cc15 1.2s ease infinite; z-index: 1
|
|
}
|
|
@keyframes shimmer-7db6cc15 {
|
|
0% { background-position: 100% 0
|
|
}
|
|
100% { background-position: 0 0
|
|
}
|
|
}
|
|
.thumb-wrap.data-v-7db6cc15 { background: #f6f8ff; min-height: 220rpx
|
|
}
|
|
.badge.data-v-7db6cc15 { position: absolute; left: 12rpx; bottom: 12rpx; display: flex; gap: 8rpx
|
|
}
|
|
.badge-price.data-v-7db6cc15 { background: #007AFF; color: #fff; font-size: 22rpx; padding: 6rpx 12rpx; border-radius: 999rpx; box-shadow: 0 2rpx 8rpx rgba(0,122,255,0.25)
|
|
}
|
|
.badge-points.data-v-7db6cc15 { background: rgba(0,122,255,0.85); color: #fff; font-size: 22rpx; padding: 6rpx 12rpx; border-radius: 999rpx
|
|
}
|
|
.product-title.data-v-7db6cc15 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 12rpx; font-size: 26rpx; color: #222
|
|
}
|
|
.product-extra.data-v-7db6cc15 { display: flex; justify-content: flex-end; align-items: center; margin: 0 12rpx 12rpx
|
|
}
|
|
.stock.data-v-7db6cc15 { font-size: 22rpx; color: #888
|
|
}
|