index.scss 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. ::v-deep .u-sticky{
  2. // top: 153rpx !important;
  3. }
  4. ::v-deep .u-tabs__wrapper__nav__line{
  5. background: #F7790C!important;
  6. }
  7. .searchAndTab{
  8. background: white;
  9. // background: red;
  10. padding-top: 24rpx;
  11. position: fixed;
  12. width: 100%;
  13. top:173rpx;
  14. .searchBox{
  15. padding: 0 32rpx;
  16. }
  17. }
  18. .content{
  19. display: flex;
  20. margin-top: 190rpx;
  21. .leftMenu{
  22. width: 212rpx;
  23. height: calc(100vh - 360rpx);
  24. background:#fff ;
  25. overflow-y: scroll;
  26. .item{
  27. height: 98rpx;
  28. font-size: 28rpx;
  29. font-family: PingFangSC-Regular, PingFang SC;
  30. font-weight: 400;
  31. color: #080F18;
  32. display: flex;
  33. align-items: center;
  34. justify-content: center;
  35. position: relative;
  36. }
  37. .halfCircle{
  38. width: 30rpx;
  39. height: 30rpx;
  40. opacity: 0.8;
  41. border: 6rpx solid #F7790C;
  42. border-radius: 50%;
  43. // border-image: linear-gradient(146deg, rgba(247, 121, 12, 0), rgba(247, 121, 12, 1)) 16 6;
  44. position: absolute;
  45. right: 30rpx;
  46. top: 40rpx;
  47. z-index: 0;
  48. }
  49. .act{
  50. background: #F2F2F2;
  51. }
  52. }
  53. .rightDes{
  54. width: 100%;
  55. background:#F2F2F2;
  56. padding: 48rpx 28rpx 52rpx 28rpx;
  57. overflow-y: scroll;
  58. box-sizing: border-box;
  59. height: calc(100vh - 340rpx);
  60. .item{
  61. .top{
  62. display: flex;
  63. align-items: center;
  64. justify-content: space-between;
  65. .name{
  66. }
  67. image{
  68. }
  69. }
  70. .bottom{
  71. display: flex;
  72. // justify-content: space-between;
  73. flex-wrap: wrap;
  74. margin-top: 32rpx;
  75. image{
  76. width: 136rpx;
  77. height: 136rpx;
  78. margin-right: 30rpx;
  79. margin-bottom: 30rpx;
  80. }
  81. }
  82. }
  83. }
  84. }