a.scss 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. @charset "utf-8";
  2. //font
  3. $table:120px*0.5;
  4. $a :0.5;
  5. body {
  6. // background : yellow;
  7. padding-bottom : $table;
  8. padding : 0 $a*20px;
  9. .table {
  10. position : fixed;
  11. bottom : 0;
  12. left : 0;
  13. width : 100%;
  14. height : $table;
  15. margin : 0;
  16. background-color: #fff;
  17. ul {
  18. width : 100%;
  19. height: 100%;
  20. li:nth-child(1) {
  21. background-image: url(../static/img/ztb.png) ;
  22. }
  23. li:nth-child(2) {
  24. background-image: url(../static/img/gc.png);
  25. }
  26. li:nth-child(3) {
  27. background-image: url(../static/img/xm.png);
  28. }
  29. li:nth-child(4) {
  30. background-image: url(../static/img/me.png);
  31. }
  32. li {
  33. width : 24%;
  34. height : 100%;
  35. display : inline-block;
  36. text-align: center;
  37. background-size:30px !important;
  38. background:no-repeat center top;
  39. span {
  40. margin-top: 33px;
  41. display : inline-block;
  42. }
  43. }
  44. }
  45. }
  46. .search {
  47. width : 100%;
  48. height : 44px;
  49. padding: 7px;
  50. input {
  51. width : 75%;
  52. height : $a*60px;
  53. background : rgba(240, 243, 245, 1);
  54. border-radius: $a*30px;
  55. border : none;
  56. }
  57. span {
  58. font-size : 1.5rem;
  59. font-family: PingFang-SC-Medium;
  60. font-weight: 500;
  61. color : rgba(255, 92, 92, 1);
  62. margin-left: 13px;
  63. }
  64. }
  65. * {
  66. margin : 0;
  67. padding: 0;
  68. }
  69. }
  70. * {
  71. text-decoration: none;
  72. list-style : none;
  73. box-sizing : border-box;
  74. }
  75. $colour :#009688 #5FB878 #393D49 #1E9FFF #F7B824 #FF5722