index.scss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. page {
  2. background-color: #f1f2f3;
  3. }
  4. .panel{
  5. padding:10px;
  6. background-color: #fff;
  7. }
  8. .mt-10{
  9. margin-bottom: 10px;
  10. }
  11. .small {
  12. font-size: 26rpx;
  13. color: #333;
  14. line-height: 25px;
  15. }
  16. .mr-5{
  17. margin-right: 5px;
  18. }
  19. .mt-5{
  20. margin-bottom: 5px;
  21. }
  22. .flex-around{
  23. justify-content: space-around;
  24. }
  25. .stuta {
  26. margin-top: 20rpx;
  27. display: flex;
  28. .tag {
  29. border-radius: 8rpx;
  30. padding: 8rpx 12rpx;
  31. font-size: 22rpx;
  32. color: #fff;
  33. margin-right: 10rpx;
  34. }
  35. }
  36. .required-star {
  37. color: #e34d59;
  38. }
  39. .custom-tab-header {
  40. display: flex;
  41. border-bottom: 1px solid #e7e7e7;
  42. margin-bottom: 10px;
  43. }
  44. .custom-tab-item {
  45. flex: 1;
  46. text-align: center;
  47. padding: 12px 0;
  48. font-size: 28rpx;
  49. color: #666;
  50. position: relative;
  51. cursor: pointer;
  52. font-weight: bold;
  53. }
  54. .custom-tab-item.active {
  55. color: #0052D9;
  56. font-weight: bold;
  57. }
  58. .custom-tab-item.active::after {
  59. content: '';
  60. position: absolute;
  61. bottom: 0;
  62. left: 50%;
  63. transform: translateX(-50%);
  64. width: 40rpx;
  65. height: 4rpx;
  66. background-color: #0052D9;
  67. border-radius: 2rpx;
  68. }
  69. .custom-tab-content {
  70. min-height: 200rpx;
  71. }