app.acss 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. page {
  2. background: #f3f3f3;
  3. font-size:28rpx;
  4. color:#333;
  5. }
  6. /* 公共样式class */
  7. .common-page-padding{
  8. padding:0 24rpx;
  9. }
  10. .common-card{
  11. background: #fff;
  12. border-radius:18rpx;
  13. }
  14. .common-button-wrapper{
  15. position: fixed;
  16. bottom:40rpx;
  17. left:24rpx;
  18. right:24rpx;
  19. }
  20. .line-cell{
  21. padding:0 24rpx;
  22. height: 102rpx;
  23. display: flex;
  24. justify-content: space-between;
  25. align-items: center;
  26. margin-bottom:18rpx;
  27. }
  28. .cell-title{
  29. font-weight:bold;
  30. }
  31. .cell-content{
  32. flex:1;
  33. text-align: right;
  34. }
  35. /* 输入框样式 */
  36. .input{
  37. font-size: 28rpx;
  38. color:#333;
  39. }
  40. .common-placeholder{
  41. font-size: 28rpx;
  42. color:#666;
  43. }
  44. /* 按钮样式 */
  45. .common-button{
  46. background: #09AFFF;
  47. border-color:#09AFFF;
  48. height: 68rpx;
  49. border-radius: 68rpx;
  50. font-size:28rpx;
  51. line-height: 68rpx;
  52. }
  53. .active-button{
  54. background-color:rgb(19, 144, 207);
  55. border-color:rgb(19, 144, 207);
  56. }
  57. .mini-button-wrapper {
  58. text-align: center;
  59. }
  60. .mini-button-wrapper .common-button{
  61. padding:0 64rpx;
  62. height: 72rpx;
  63. border-radius: 72rpx;
  64. line-height: 72rpx;
  65. }
  66. /* 跳转文字样式 */
  67. .link-text{
  68. color: #09AFFF;
  69. font-size: 24rpx;
  70. }
  71. /* 重写弹框样式 */
  72. .am-modal-buttons .am-modal-button{
  73. color:#999;
  74. font-size:36rpx;
  75. }
  76. .am-modal-buttons .buttonBold{
  77. color: #09AFFF;
  78. font-weight: bold;
  79. }
  80. /* 垂直弹框样式 */
  81. .am-modal-buttons--vertical{
  82. padding:0 32rpx;
  83. }
  84. .am-modal-buttons--vertical.am-modal-buttons .am-modal-button{
  85. font-size: 28rpx;
  86. font-weight: bold;
  87. color:#666;
  88. }
  89. .am-modal-buttons--vertical.am-modal-buttons .buttonBold{
  90. background: #08A1F9;
  91. color:#fff;
  92. border-radius:12rpx;
  93. }
  94. .am-modal-buttons--vertical.am-modal-buttons::before{
  95. background-color: #fff;
  96. }
  97. .am-modal-body{
  98. font-size: 28rpx;
  99. color:#666;
  100. }