index.wxss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. @charset "UTF-8";
  2. /* 水平间距 */
  3. /* 水平间距 */
  4. .container.data-v-457cfe48 {
  5. min-height: 100vh;
  6. background: #f5f5f5;
  7. padding: 20rpx;
  8. }
  9. .header.data-v-457cfe48 {
  10. padding: 30rpx 0;
  11. text-align: center;
  12. }
  13. .header .title.data-v-457cfe48 {
  14. font-size: 36rpx;
  15. font-weight: bold;
  16. color: #333;
  17. }
  18. .content.data-v-457cfe48 {
  19. flex: 1;
  20. display: flex;
  21. align-items: center;
  22. justify-content: center;
  23. min-height: 60vh;
  24. }
  25. .placeholder.data-v-457cfe48 {
  26. text-align: center;
  27. padding: 60rpx;
  28. }
  29. .placeholder .placeholder-text.data-v-457cfe48 {
  30. font-size: 120rpx;
  31. display: block;
  32. margin-bottom: 30rpx;
  33. }
  34. .placeholder .placeholder-title.data-v-457cfe48 {
  35. font-size: 32rpx;
  36. color: #333;
  37. font-weight: bold;
  38. display: block;
  39. margin-bottom: 20rpx;
  40. }
  41. .placeholder .placeholder-desc.data-v-457cfe48 {
  42. font-size: 28rpx;
  43. color: #666;
  44. display: block;
  45. margin-bottom: 40rpx;
  46. }
  47. .placeholder .go-shopping-btn.data-v-457cfe48 {
  48. background: #FF6600;
  49. color: white;
  50. border: none;
  51. border-radius: 40rpx;
  52. padding: 20rpx 40rpx;
  53. font-size: 28rpx;
  54. }
  55. .placeholder .go-shopping-btn.data-v-457cfe48:active {
  56. background: #E55A00;
  57. -webkit-transform: scale(0.98);
  58. transform: scale(0.98);
  59. }