common.scss 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. @import '@/uni_modules/uni-scss/theme.scss';
  2. @import '@/uni.scss';
  3. //修改uni-ui样式
  4. .form-box {
  5. .uni-forms {
  6. background: #fff;
  7. border-radius: 16rpx;
  8. padding: 30rpx;
  9. box-shadow: 0px 1px 12px rgba(3,3,3,0.08);
  10. .uni-forms-item__label {
  11. color: $uni-main-color;
  12. padding-bottom: 0 !important;
  13. }
  14. .uni-easyinput__content {
  15. border-radius: 84rpx;
  16. }
  17. .uni-easyinput__content-input {
  18. height: 80rpx;
  19. }
  20. .uni-easyinput__placeholder-class {
  21. color: $uni-secondary-color !important;
  22. font-size: 28rpx !important;
  23. font-weight: 300 !important;
  24. }
  25. .uni-forms-item{
  26. margin-bottom: 20rpx;
  27. }
  28. }
  29. //选择框样式
  30. .select-box {
  31. height: 84rpx;
  32. border-radius: 84rpx;
  33. border: 1px solid $uni-border-1;
  34. position: relative;
  35. line-height: 82rpx;
  36. box-sizing: border-box;
  37. padding-left: 10px;
  38. .select-label {
  39. color: $uni-secondary-color;
  40. font-weight: 300;
  41. }
  42. .form-icon {
  43. position: absolute;
  44. right: 30rpx;
  45. top: 0rpx;
  46. }
  47. }
  48. }
  49. //底部按钮
  50. .hui-button-box {
  51. position: absolute;
  52. height: 100rpx;
  53. background-color: #ffffff;
  54. box-shadow: 0px 2px 10px rgba(3, 3, 3, 0.1);
  55. position: fixed;
  56. bottom: 0;
  57. left: 0;
  58. right: 0;
  59. display: flex;
  60. align-items: center;
  61. .hui-button {
  62. height: 68rpx;
  63. border-radius: 68rpx;
  64. color: #ffffff;
  65. background: $uni-primary;
  66. border: 1px solid $uni-primary;
  67. flex: 1;
  68. display: flex;
  69. align-items: center;
  70. justify-content: center;
  71. margin: 0 30rpx;
  72. &.hui-button-light{
  73. color: $uni-primary;
  74. background: #fff;
  75. }
  76. }
  77. .hui-button-icon{
  78. margin-right: 10rpx;
  79. }
  80. }
  81. button[type=primary]{
  82. background: $uni-primary;
  83. }