tabs.component.scss 909 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. .tabs {
  2. position:fixed;
  3. width:100%;
  4. bottom:0vw;
  5. z-index:100;
  6. display : flex;
  7. justify-content : space-evenly;
  8. height : 13.3333vw;
  9. background-color: #fff;
  10. color : #808080;
  11. box-shadow: rgba(17, 17, 26, 0.1) 0px -1px 0px;
  12. border-radius: 10px 10px 0 0;
  13. .buttom {
  14. display : flex;
  15. flex-direction : column;
  16. align-items : center;
  17. justify-content: space-evenly;
  18. font-size : 3.2vw;
  19. font-family : Source Han Sans CN;
  20. font-weight : 400;
  21. .icon-img {
  22. width : 5.3333vw;
  23. height: 5.3333vw;
  24. }
  25. }
  26. .center {
  27. margin-top: -10.6667vw;
  28. z-index : 99;
  29. // img{
  30. // width: 60px;
  31. // height: 52px;
  32. // }
  33. .box-icon {
  34. width : 16vw !important;
  35. height: 16vw !important;
  36. border-radius: 50%;
  37. box-shadow: 0 1.3333vw 4vw -1.3333vw rgb(251 251 251 / 50%);
  38. }
  39. }
  40. }