index.less 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. .navbar {
  2. width: 100vw;
  3. background-color: #f6f5fa;
  4. position: fixed;
  5. top: 0px;
  6. z-index: 991;
  7. }
  8. .title-container {
  9. height: 44px;
  10. display: flex;
  11. align-items: center;
  12. position: relative;
  13. }
  14. .capsule {
  15. margin-left: 10px;
  16. width: auto;
  17. height: 32px;
  18. overflow: hidden;
  19. }
  20. .capsule .icon-image {
  21. width: 18rpx;
  22. height: 33rpx;
  23. margin: 0rpx auto;
  24. }
  25. .flex-center{
  26. display:flex;
  27. align-items:center;
  28. }
  29. .title {
  30. color: #222222;
  31. position: absolute;
  32. left: 100px;
  33. right: 100px;
  34. font-size: 15px;
  35. text-align: center;
  36. overflow: hidden;
  37. text-overflow: ellipsis;
  38. white-space: nowrap;
  39. }
  40. .navBar-home{
  41. width: 180rpx;
  42. height: 64rpx;
  43. background: white;
  44. border-radius: 32rpx;
  45. font-size: 24rpx;
  46. color: #222222;
  47. border: 1rpx solid #dcdcdc;
  48. font-weight: bold;
  49. line-height: 1;
  50. }
  51. .home-img{
  52. width: 29rpx;
  53. height: 29rpx;
  54. margin:0rpx 12rpx 6rpx 22rpx;
  55. }
  56. .wrap{
  57. width: 100%;
  58. background-color: #fff;
  59. margin-top: 10rpx;
  60. padding: 30rpx;
  61. padding-top:15rpx ;
  62. .item{
  63. display: flex;
  64. width: 100%;
  65. align-items: center;
  66. justify-content: space-between;
  67. border-bottom: 1px solid #fafafa;
  68. padding: 20rpx 0;
  69. font-size: 28rpx;
  70. .value{
  71. color: #969799;
  72. }
  73. }
  74. }
  75. .button{
  76. width: 50%;
  77. height: 80rpx;
  78. border-radius: 80rpx;
  79. background-color: #ffd744;
  80. // margin-top: 120rpx;
  81. margin: 80rpx auto 0 auto;
  82. display: flex;
  83. align-items: center;
  84. justify-content: center;
  85. color: #fff;
  86. }