index.scss 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. .main {
  2. padding: 5px 15px 25px 15px;
  3. .user {
  4. overflow: hidden;
  5. image {
  6. float: left;
  7. width: 60px;
  8. height: 60px;
  9. border-radius: 50%;
  10. }
  11. .con {
  12. float: left;
  13. padding-left: 15px;
  14. .nickName {
  15. padding-top: 5px;
  16. }
  17. .welcome {
  18. font-size: 13px;
  19. padding-top: 5px;
  20. color: #989898;
  21. }
  22. }
  23. .icon {
  24. float: right;
  25. margin-top: 14px;
  26. }
  27. }
  28. .rows {
  29. overflow: hidden;
  30. margin-top: 10px;
  31. .row {
  32. float: left;
  33. width: 33%;
  34. text-align: center;
  35. .out {
  36. .int {
  37. padding: 5px;
  38. .num {
  39. font-weight: bold;
  40. }
  41. .desc {
  42. padding-top: 5px;
  43. font-size: 14px;
  44. }
  45. }
  46. }
  47. }
  48. }
  49. .menu {
  50. margin-top: 10px;
  51. overflow: hidden;
  52. background-color: white;
  53. border-radius: 7px;
  54. box-shadow:$box-shadow;
  55. .cd {
  56. float: left;
  57. width: 25%;
  58. text-align: center;
  59. .out {
  60. padding: 5px;
  61. .int {
  62. padding: 10px 5px 10px 5px;
  63. .icon {
  64. font-size: 30px;
  65. width: 55px;
  66. height: 55px;
  67. margin: 0 auto;
  68. color: white;
  69. border-radius: 8px;
  70. line-height: 58px;
  71. box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  72. }
  73. .title {
  74. font-size: 14px;
  75. padding-top: 5px;
  76. }
  77. }
  78. }
  79. }
  80. }
  81. .hengfu {
  82. width: 100%;
  83. border-radius: 7px;
  84. margin-top: 10px;
  85. box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  86. }
  87. .ad {
  88. .item {
  89. float: left;
  90. width: 50%;
  91. overflow: hidden;
  92. .out {
  93. padding: 10px 10px 10px 10px;
  94. .int {
  95. overflow: hidden;
  96. border-radius: 7px;
  97. image {
  98. border-radius: 7px;
  99. box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  100. }
  101. }
  102. }
  103. }
  104. .it {
  105. overflow: hidden;
  106. border-radius: 7px;
  107. box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  108. }
  109. }
  110. }