common.scss 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. .box{
  2. width: 100%;
  3. .top{
  4. width: 100%;
  5. display: flex;
  6. align-items: center;
  7. justify-content: center;
  8. background-color: #0080ff;
  9. padding: 50rpx 0;
  10. padding-top: 0;
  11. //border-radius: 0 0 30rpx 30rpx;
  12. .title{
  13. font-size: 50rpx;
  14. font-weight: bold;
  15. color: #fff;
  16. }
  17. }
  18. .item{
  19. display: flex;
  20. align-items: center;
  21. margin: 0 60rpx;
  22. padding: 10rpx 0;
  23. min-height: 80rpx;
  24. border-bottom: 1rpx solid #f5f5f5;
  25. .l{
  26. flex: 4;
  27. display: flex;
  28. align-items: center;
  29. color: #191919;
  30. padding-right: 10rpx;
  31. }
  32. .r{
  33. flex: 10;
  34. display: flex;
  35. align-items: center;
  36. .btn{
  37. color: #0080ff;
  38. font-size: 28rpx;
  39. }
  40. .unit{
  41. color: #191919;
  42. font-size: 28rpx;
  43. border: 1rpx solid #eee;
  44. padding: 10rpx 15rpx;
  45. border-radius: 5rpx;
  46. }
  47. .img{
  48. margin: 30rpx 0;
  49. }
  50. .p-picker{
  51. width: 100%;
  52. display: flex;
  53. position: relative;
  54. background-color: #f7f7f7;
  55. padding: 20rpx;
  56. border-radius: 5rpx;
  57. .p-text{
  58. color: #191919;
  59. }
  60. .p-icon{
  61. position: absolute;
  62. right: 20rpx;
  63. top: 50%;
  64. transform: translateY(-50%);
  65. }
  66. }
  67. }
  68. }
  69. }
  70. .common-btn,.common-btn2{
  71. margin: 100rpx auto;
  72. width: 400rpx;
  73. height: 88rpx;
  74. font-weight: bold;
  75. display: flex;
  76. align-items: center;
  77. justify-content: center;
  78. border-radius: 10rpx;
  79. }
  80. .common-btn{
  81. color: #fff;
  82. font-size: 32rpx;
  83. background-color: #0080ff;
  84. }
  85. .common-btn2{
  86. color: #191919;
  87. font-size: 28rpx;
  88. background-color: #fff;
  89. border: 1px solid #eee;
  90. }