index.acss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. .am-page-result {
  2. display: flex;
  3. flex-direction: column;
  4. background: #fff;
  5. background: var(--am-result-background, #fff);
  6. overflow: hidden;
  7. }
  8. .am-page-result-pic {
  9. width: 336rpx;
  10. height: 336rpx;
  11. background-position: center bottom;
  12. background-repeat: no-repeat;
  13. background-size: contain;
  14. }
  15. .am-page-result-title {
  16. margin: 40rpx auto 0;
  17. margin: var(--am-result-margin-vertical, 40rpx) auto 0;
  18. max-width: calc(100vw - 96rpx);
  19. max-width: calc(100vw - var(--am-result-title-h-spacing, 96rpx));
  20. overflow: hidden;
  21. text-overflow: ellipsis;
  22. white-space: nowrap;
  23. text-align: center;
  24. font-size: 36rpx;
  25. font-size: var(--am-result-title-fontSize, 36rpx);
  26. color: #333;
  27. color: var(--am-result-title-color, #333);
  28. }
  29. .am-page-result-brief {
  30. margin: 0 auto;
  31. padding-top: 24rpx;
  32. padding-top: var(--am-result-brief-margin-top, 24rpx);
  33. font-size: 26rpx;
  34. font-size: var(--am-result-brief-fontSize, 26rpx);
  35. color: #999;
  36. color: var(--am-result-brief-color, #999);
  37. max-width: calc(100vw - 192rpx);
  38. overflow: hidden;
  39. text-overflow: ellipsis;
  40. display: -webkit-box;
  41. -webkit-box-orient: vertical;
  42. -webkit-line-clamp: 2;
  43. text-align: center;
  44. }
  45. .error-btn {
  46. display: inline-block;
  47. margin-top: 0.2rem;
  48. color: #1677ff;
  49. padding: 0 0.36rem;
  50. border: 0.02rem solid #1677ff;
  51. border-radius: 0.1rem;
  52. }