index.less 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. .index-wrap {
  2. flex-direction: column;
  3. .fixed-tabbar {
  4. flex-direction: column;
  5. .tabbar-item__wrap {
  6. height: 120px;
  7. flex-shrink: 0;
  8. background-color: #fff;
  9. }
  10. .tabbar-item {
  11. flex: 1;
  12. flex-direction: column;
  13. justify-content: center;
  14. align-items: center;
  15. image {
  16. width: 46px;
  17. // height: 46px;
  18. }
  19. text {
  20. color: #999;
  21. font-size: 24px;
  22. }
  23. .tabbar-name__cur {
  24. color: #EF5952;
  25. }
  26. }
  27. }
  28. .tab-content {
  29. flex: 1;
  30. }
  31. }
  32. .stack-popup {
  33. background-color: rgba(0, 0, 0, .6);
  34. width: 100%;
  35. height: 100%;
  36. justify-content: center;
  37. align-items: center;
  38. .customer-popup {
  39. width: 600px;
  40. border-radius: 6px;
  41. background-color: #fff;
  42. flex-direction: column;
  43. align-items: center;
  44. .title {
  45. width: 100%;
  46. font-size: 30px;
  47. text-align: center;
  48. color: #333;
  49. line-height:104px;
  50. border-bottom: 2px solid #f7f7f7;
  51. }
  52. .desc{
  53. margin:40px 80px;
  54. font-size:28px;
  55. color:#666;
  56. text-align: center;
  57. }
  58. image {
  59. margin: 0 auto 10px;
  60. width: 280px;
  61. height: 280px;
  62. }
  63. .duplication{
  64. margin-bottom: 40px;
  65. }
  66. .duplication-text{
  67. font-size:24px;
  68. }
  69. .duplication-button{
  70. color:#EF5952;
  71. border:2px solid #EF5952;
  72. padding:2px 8px;
  73. border-radius: 20px;
  74. font-size:20px;
  75. margin-left:10px;
  76. }
  77. }
  78. }
  79. .sign-icon{
  80. position: fixed;
  81. width:150px;
  82. height:150px;
  83. right:20px;
  84. bottom: 300px;
  85. }