index.less 4.92 KB
/* 认证车源页面样式 */
.auth-car-page {
  min-height: 100vh;
  background-color: #f5f5f5;
  padding-bottom: 40rpx;
}

/* Banner区域样式 */
.auth-car-page .px-4 {
  padding-left: 32rpx;
  padding-right: 32rpx;
}

.auth-car-page .mt-4 {
  margin-top: 32rpx;
}

.auth-car-page .mt-6 {
  margin-top: 48rpx;
}

.auth-car-page .rounded-lg {
  border-radius: 16rpx;
}

.auth-car-page .overflow-hidden {
  overflow: hidden;
}

.auth-car-page .w-full {
  width: 100%;
}

.auth-car-page .h-40 {
  height: 320rpx;
}

.auth-car-page .object-cover {
  object-fit: cover;
}

/* 认证按钮样式 */
.auth-button {
  height: 96rpx;
  border-radius: 48rpx;
  font-size: 32rpx;
  font-weight: 600;
}

.auth-button .flex {
  display: flex;
}

.auth-button .items-center {
  align-items: center;
}

.auth-button .justify-center {
  justify-content: center;
}

.auth-button .mr-2 {
  margin-right: 16rpx;
}

.auth-button .text-white {
  color: #ffffff;
}

.auth-button .font-medium {
  font-weight: 500;
}

/* 列表标题样式 */
.auth-car-page .flex {
  display: flex;
}

.auth-car-page .justify-between {
  justify-content: space-between;
}

.auth-car-page .items-center {
  align-items: center;
}

.auth-car-page .mb-4 {
  margin-bottom: 32rpx;
}

.auth-car-page .text-lg {
  font-size: 36rpx;
}

.auth-car-page .font-medium {
  font-weight: 500;
}

.auth-car-page .text-sm {
  font-size: 28rpx;
}

.auth-car-page .text-gray-500 {
  color: #6b7280;
}

/* 滚动列表样式 */
.auth-car-list {
  height: calc(100vh - 800rpx);
  overflow-y: auto;
}

.auth-car-page .space-y-4 > view:not(:first-child) {
  margin-top: 32rpx;
}

.auth-car-page .bg-white {
  background-color: #ffffff;
}

.auth-car-page .shadow-sm {
  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
}

.auth-car-page .mb-3 {
  margin-bottom: 24rpx;
}

/* 车辆卡片样式 */
.auth-car-page .w-32 {
  width: 256rpx;
}

.auth-car-page .h-24 {
  height: 192rpx;
}

.auth-car-page .relative {
  position: relative;
}

.auth-car-page .p-2 {
  padding: 16rpx;
}

.auth-car-page .p-3 {
  padding: 24rpx;
}

.auth-car-page .flex-1 {
  flex: 1;
}

.auth-car-page .absolute {
  position: absolute;
}

.auth-car-page .bottom-3 {
  bottom: 24rpx;
}

.auth-car-page .right-3 {
  right: 24rpx;
}

.auth-car-page .top-2 {
  top: 16rpx;
}

.auth-car-page .right-2 {
  right: 16rpx;
}

.auth-car-page .bg-orange-500 {
  background-color: #f97316;
}

.auth-car-page .text-white {
  color: #ffffff;
}

.auth-car-page .text-xs {
  font-size: 24rpx;
}

.auth-car-page .px-1 {
  padding-left: 8rpx;
  padding-right: 8rpx;
}

.auth-car-page .rounded {
  border-radius: 8rpx;
}

.auth-car-page .mr-0\.5 {
  margin-right: 4rpx;
}

.auth-car-page .block {
  display: block;
}

.auth-car-page .text-gray-600 {
  color: #4b5563;
}

.auth-car-page .mt-1 {
  margin-top: 8rpx;
}

.auth-car-page .mt-2 {
  margin-top: 16rpx;
}

.auth-car-page .text-orange-500 {
  color: #f97316;
}

.auth-car-page .font-bold {
  font-weight: 700;
}

.auth-car-page .text-green-600 {
  color: #059669;
}

/* 加载和无数据样式 */
.loading-container,
.no-more-container {
  padding: 32rpx 0;
  text-align: center;
}

.loading-text {
  color: #6b7280;
  font-size: 28rpx;
}

.auth-car-page .py-4 {
  padding-top: 32rpx;
  padding-bottom: 32rpx;
}

.auth-car-page .text-center {
  text-align: center;
}

.auth-car-page .text-gray-400 {
  color: #9ca3af;
}

/* NutUI组件样式覆盖 */
:deep(.nut-swiper) {
  border-radius: 16rpx;
  overflow: hidden;
}

:deep(.nut-swiper-pagination) {
  bottom: 20rpx;
}

:deep(.nut-button--large) {
  height: 96rpx;
  border-radius: 48rpx;
  font-size: 32rpx;
  font-weight: 600;
}

:deep(.nut-toast) {
  z-index: 9999;
}

/* 响应式适配 */
@media screen and (max-width: 375px) {
  .auth-car-page .px-4 {
    padding-left: 24rpx;
    padding-right: 24rpx;
  }
  
  .auth-car-page .text-lg {
    font-size: 32rpx;
  }
  
  .auth-car-page .text-sm {
    font-size: 26rpx;
  }
  
  .auth-car-page .text-xs {
    font-size: 22rpx;
  }
  
  .auth-button {
    height: 88rpx;
    font-size: 30rpx;
  }
}

/* 滚动条样式 */
.auth-car-list::-webkit-scrollbar {
  width: 0;
  background: transparent;
}

/* 车辆卡片悬停效果 */
.auth-car-page .bg-white:active {
  background-color: #f9fafb;
  transform: scale(0.98);
  transition: all 0.1s ease;
}

/* 收藏按钮样式 */
.auth-car-page .absolute:active {
  transform: scale(0.9);
  transition: all 0.1s ease;
}

/* 认证标识样式优化 */
.auth-car-page .bg-orange-500.text-white {
  background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
  box-shadow: 0 2rpx 8rpx rgba(249, 115, 22, 0.3);
}

/* 价格文字样式 */
.auth-car-page .text-orange-500.font-bold {
  background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* 认证信息样式 */
.auth-car-page .text-green-600 {
  background-color: #f0fdf4;
  padding: 4rpx 12rpx;
  border-radius: 12rpx;
  border: 1rpx solid #bbf7d0;
  display: inline-block;
}