article-shared.css 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. .art-page {
  2. min-height: 100vh;
  3. background-color: #f4f6fb;
  4. }
  5. .art-nav {
  6. background-color: #ffffff;
  7. border-bottom: 1rpx solid #eef1f6;
  8. }
  9. .art-nav-row {
  10. display: flex;
  11. flex-direction: row;
  12. align-items: center;
  13. height: 88rpx;
  14. padding: 0 24rpx;
  15. box-sizing: border-box;
  16. }
  17. .art-back {
  18. width: 64rpx;
  19. height: 64rpx;
  20. display: flex;
  21. align-items: center;
  22. justify-content: center;
  23. }
  24. .art-back-icon {
  25. font-size: 40rpx;
  26. color: #1a1d26;
  27. line-height: 1;
  28. }
  29. .art-nav-title {
  30. flex: 1;
  31. text-align: center;
  32. font-size: 32rpx;
  33. font-weight: 600;
  34. color: #1a1d26;
  35. overflow: hidden;
  36. text-overflow: ellipsis;
  37. white-space: nowrap;
  38. padding: 0 12rpx;
  39. }
  40. .art-nav-placeholder {
  41. width: 64rpx;
  42. }
  43. .art-scroll {
  44. width: 100%;
  45. }
  46. .art-body {
  47. padding: 24rpx;
  48. box-sizing: border-box;
  49. }
  50. .art-state {
  51. padding: 120rpx 0;
  52. text-align: center;
  53. }
  54. .art-state-txt {
  55. font-size: 28rpx;
  56. color: #8a8d9e;
  57. }
  58. .art-card {
  59. background-color: #ffffff;
  60. border-radius: 24rpx;
  61. padding: 32rpx 28rpx;
  62. box-shadow: 0 8rpx 32rpx rgba(26, 29, 38, 0.04);
  63. }
  64. .art-rich {
  65. display: block;
  66. font-size: 30rpx;
  67. color: #3d4150;
  68. line-height: 1.65;
  69. word-break: break-word;
  70. }
  71. .art-webview {
  72. width: 100%;
  73. }