search.css 2.2 KB

1234567891011121314151617181920212223242526272829303132333435
  1. /* pages/search/search.wxss */
  2. page{background: #fff;}
  3. .ssbox{padding: 20rpx 30rpx 24rpx;border-bottom: 20rpx solid #f5f6f7;}
  4. .search{align-items: center;font-size: 26rpx;color: #666;}
  5. .searchs{background: #F0F2F3;height: 70rpx;border-radius: 35rpx;padding: 0 20rpx 0 30rpx;align-items: center;}
  6. .search image{width: 30rpx;height: 30rpx;margin-right: 13rpx;}
  7. .clear{margin-left: 20rpx;}
  8. .sbtn{padding-left: 35rpx;font-size: 28rpx;color: #333;}
  9. .cancel{padding-left: 35rpx;font-size: 28rpx;color: #333;}
  10. .lishi{padding: 35rpx 30rpx;min-height: 300rpx;}
  11. .tit{font-size: 28rpx;color: #333;}
  12. .list{margin-top: 30rpx;flex-wrap: wrap;}
  13. .list .li{height: 60rpx;line-height: 60rpx;background: #F3F3F3;border-radius: 10rpx;padding: 0 15rpx;font-size: 22rpx;color: #666;margin: 0 14rpx 23rpx 0;}
  14. .delete{width: 236rpx;height: 66rpx;border: 2rpx solid #DCDCDC;border-radius: 10rpx;font-size: 24rpx;color: #333;align-items: center;justify-content: center;margin: 80rpx auto 0;}
  15. .price .vip{ font-size: 24rpx;margin-left: 12rpx;color: #333;font-weight: normal;}
  16. .delete image{width: 30rpx;height: 30rpx;margin-right: 12rpx;}
  17. /* 猜你喜欢 */
  18. .cai-tit{align-items: center;justify-content: center;font-size: 30rpx;color: #EA6730;font-weight: bold;margin-bottom: 30rpx;}
  19. .cai-tit image{width: 63rpx;height: 5rpx;}
  20. .cai-tit image:first-child{margin-right: 20rpx;}
  21. .cai-tit image:last-child{margin-left: 20rpx;}
  22. .tabcon{flex-wrap: wrap;background: #f6f6f6;overflow: hidden;padding-bottom: 30rpx;}
  23. .tabcon .li{background: #fff;border-radius: 10rpx;width: 345rpx;margin: 20rpx 20rpx 0 0;}
  24. .tabcon .li:nth-child(2n){margin-right: 0;}
  25. .jsdimgs{width: 345rpx;height: 345rpx;position: relative;}
  26. .jsdpro{width: 100%;height: 100%;}
  27. .jsdimg{width: 82rpx;height: 36rpx;position: absolute;top: 20rpx;left: 20rpx;}
  28. .jsdinfo{padding: 15rpx 20rpx 30rpx;}
  29. .proname{font-size: 28rpx;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom: 20rpx;}
  30. .operate{justify-content: space-between;align-items: center;}
  31. .price{font-size: 24rpx;color: #FE0419;}
  32. .price text{font-size: 36rpx;font-weight: bold;}
  33. .price .del{font-weight: normal;font-size: 24rpx;color: #999;margin-left: 12rpx;text-decoration: line-through;}
  34. .add-cart image{width: 42rpx;height: 42rpx;}