common.scss 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. .u-page-title{
  2. width: 100%;
  3. display: flex;
  4. align-items: center;
  5. justify-content: center;
  6. .line {
  7. width: 34px;
  8. height: 1px;
  9. border: 1px solid #548cf7;
  10. background-color: #ffffff;
  11. box-sizing: border-box;
  12. margin: 0 10rpx;
  13. }
  14. .title-content{
  15. width: 72px;
  16. height: 24px;
  17. background-color: rgba(255, 255, 255, 0);
  18. box-sizing: border-box;
  19. font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
  20. font-weight: 650;
  21. color: #548cf7;
  22. text-align: left;
  23. line-height: normal;
  24. text-align: center;
  25. }
  26. .rectangle {
  27. width: 4px;
  28. height: 14px;
  29. transform: rotate(28deg);
  30. border-radius: 4px;
  31. background-color: #548cf7;
  32. box-sizing: border-box;
  33. &:nth-child(3) {
  34. margin: 0 5px;
  35. background-color: rgba(84, 140, 247, 0.79);
  36. }
  37. &:nth-child(5) {
  38. margin:0 5px;
  39. background-color: rgba(84, 140, 247, 0.79);
  40. }
  41. }
  42. }
  43. .search-content{
  44. width: 100%;
  45. height: 80rpx;
  46. display: flex;
  47. align-items: center;
  48. justify-content: center;
  49. background-color: #f2f2f2;
  50. .u-search__action{
  51. color: #3c9cff !important;
  52. }
  53. .u-search{
  54. flex: 0.95 !important;
  55. border: 1px solid #3c9cff !important;
  56. border-radius: 100px !important;
  57. background-color: #fefefe!important;
  58. }
  59. /deep/ .u-search__content{
  60. border: none !important;
  61. background-color: #fefefe!important;
  62. }
  63. /deep/ .u-search__content .u-search__content__input{
  64. background-color: #fefefe!important;
  65. }
  66. }