index.scss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. .types {
  2. background-color: #fff;
  3. padding: 20rpx 30rpx;
  4. box-sizing: border-box;
  5. display: flex;
  6. .title {
  7. width: 200rpx;
  8. font-size: 28rpx;
  9. color: #666;
  10. flex-shrink: 0;
  11. }
  12. .tags {
  13. display: flex;
  14. flex-wrap: wrap;
  15. .tag {
  16. padding: 8rpx 15rpx;
  17. border-radius: 16rpx;
  18. border: 1rpx solid #ddd;
  19. font-size: 26rpx;
  20. margin-right: 15rpx;
  21. margin-bottom: 15rpx;
  22. color: #999;
  23. }
  24. .active {
  25. color: var(--assist);
  26. border-color: var(--assist) ;
  27. }
  28. }
  29. }
  30. .radio-box {
  31. display: flex;
  32. padding-left: 20rpx;
  33. padding-top: 10rpx;
  34. height: 60rpx;
  35. background-color: #fff;
  36. .radio {
  37. font-size: 26rpx;
  38. font-family: PingFang SC-Regular, PingFang SC;
  39. color: #666666;
  40. }
  41. }
  42. .footer {
  43. display: flex;
  44. align-items: center;
  45. justify-content: flex-end;
  46. position: fixed;
  47. width: 750rpx;
  48. height: 130rpx;
  49. background: #FFFFFF;
  50. box-shadow: 0px -4rpx 16rpx 2rpx rgba(150, 157, 165, 0.16);
  51. bottom: 0;
  52. .but {
  53. width: 156rpx;
  54. height: 90rpx;
  55. background: #3874F6;
  56. border-radius: 8rpx;
  57. font-size: 28rpx;
  58. font-family: PingFang SC-Bold, PingFang SC;
  59. font-weight: bold;
  60. color: #FFFFFF;
  61. margin-right: 30rpx;
  62. }
  63. }