移动端
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.

base.scss 1.7 KiB

4 år sedan
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. body, div, span, header, footer, nav, section, aside, article, ul, dl, dt, dd, li, a, p, h1, h2, h3, h4,h5, h6, i, b, textarea, button, input, select, figure, figcaption {
  2. padding: 0;
  3. margin: 0;
  4. list-style: none;
  5. font-style: normal;
  6. text-decoration: none;
  7. border: none;
  8. box-sizing: border-box;
  9. font-family: "Microsoft Yahei",sans-serif;
  10. -webkit-tap-highlight-color:transparent;
  11. -webkit-font-smoothing: antialiased;
  12. &:focus {
  13. outline: none;
  14. }
  15. }
  16. /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
  17. ::-webkit-scrollbar
  18. {
  19. width: 0px;
  20. height: 0px;
  21. background-color: #F5F5F5;
  22. }
  23. /*定义滚动条轨道 内阴影+圆角*/
  24. ::-webkit-scrollbar-track
  25. {
  26. -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);
  27. border-radius: 10px;
  28. background-color: #F5F5F5;
  29. }
  30. /*定义滑块 内阴影+圆角*/
  31. ::-webkit-scrollbar-thumb
  32. {
  33. border-radius: 10px;
  34. -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  35. background-color: #555;
  36. }
  37. input[type="button"], input[type="submit"], input[type="search"], input[type="reset"] {
  38. -webkit-appearance: none;
  39. }
  40. textarea { -webkit-appearance: none;}
  41. html,body{
  42. height: 100%;
  43. width: 100%;
  44. background-color: #F5F5F5;
  45. }
  46. .clear:after{
  47. content: '';
  48. display: block;
  49. clear: both;
  50. }
  51. .clear{
  52. zoom:1;
  53. }
  54. .back_img{
  55. background-repeat: no-repeat;
  56. background-size: 100% 100%;
  57. }
  58. .margin{
  59. margin: 0 auto;
  60. }
  61. .left{
  62. float: left;
  63. }
  64. .right{
  65. float: right;
  66. }
  67. .hide{
  68. display: none;
  69. }
  70. .show{
  71. display: block;
  72. }
  73. .ellipsis{
  74. overflow: hidden;
  75. text-overflow: ellipsis;
  76. white-space: nowrap;
  77. }