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