detaillistpage.scss 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. .detail-box {
  2. margin: -30rpx 20rpx 20rpx 20rpx;
  3. .detail-item {
  4. display: flex;
  5. flex-direction: column;
  6. border-radius: $card-border-radius;
  7. margin-bottom: 20rpx;
  8. background-color: #fff;
  9. padding: 20rpx;
  10. .index{
  11. height: 36rpx;
  12. width: 10rpx;
  13. border-radius: 100rpx;
  14. margin-left: -5rpx;
  15. }
  16. .name {
  17. font-size: 36rpx;
  18. line-height: 36rpx;
  19. font-weight: bold;
  20. margin-left: 15rpx;
  21. margin-bottom: 4rpx;
  22. }
  23. }
  24. .content-box {
  25. display: flex;
  26. flex-direction: column;
  27. .subtitle {
  28. font-size: 26rpx;
  29. color: $color-subtitle;
  30. }
  31. .subtitle-info{
  32. font-size: 30rpx;
  33. font-weight: bold;
  34. color: $color-title;
  35. }
  36. .content-detail-box{
  37. margin: 40rpx 0 0 0;
  38. padding: 20rpx;
  39. background-color: #f6f6f6;
  40. border-radius: 10rpx;
  41. .title-box{
  42. position: relative;
  43. top: -35rpx;
  44. width:fit-content;
  45. height: 36rpx;
  46. border-radius: 10rpx;
  47. padding: 5rpx 20rpx;
  48. }
  49. .content-detail {
  50. font-size: 30rpx;
  51. font-weight: bold;
  52. color: $color-title;
  53. word-break: break-all;
  54. }
  55. .option-box{
  56. display: flex;
  57. align-items: center;
  58. justify-content: center;
  59. width:120rpx;
  60. height: 50rpx;
  61. border-radius: 10rpx;
  62. padding: 5rpx;
  63. }
  64. .content-subtitle {
  65. font-size: 25rpx;
  66. font-weight: bold;
  67. color: #FFF;
  68. }
  69. }
  70. }
  71. }
  72. .flex {
  73. display: flex;
  74. align-items: center;
  75. }
  76. .block-tag-box {
  77. border-radius: 6rpx;
  78. border: 1rpx solid $color-mixblue;
  79. padding: 5rpx 14rpx;
  80. .block-tag {
  81. font-size: 22rpx;
  82. color: $color-mixblue;
  83. }
  84. }