common.scss 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  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. padding: 0 30rpx;
  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. flex: 1;
  67. text-align: center;
  68. line-height: 68rpx;
  69. }
  70. }