index.scss 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. ::v-deep .u-modal__content{
  2. flex-direction: column;
  3. gap: 30rpx;
  4. .title_wrap{
  5. display: flex;
  6. align-items: center;
  7. gap: 8rpx;
  8. .title{
  9. font-size: 26rpx;
  10. color: #333;
  11. white-space: nowrap;
  12. flex-shrink: 0;
  13. }
  14. .modal_wrap{
  15. border-radius: 40rpx;
  16. padding: 10rpx 20rpx;
  17. box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.1);
  18. display: flex;
  19. align-items: center;
  20. .item{
  21. width: 33%;
  22. }
  23. .brand{
  24. font-size: 30rpx;
  25. color: #111827;
  26. text-align: center;
  27. font-weight: 550;
  28. }
  29. .placeholder{
  30. font-size:30rpx;
  31. color: #c0c4cc;
  32. text-align: center;
  33. }
  34. .divider{
  35. color: #ddd;
  36. font-size: 28rpx;
  37. }
  38. .uni-input-wrapper{
  39. text-align: center;
  40. }
  41. .code-input {
  42. .u-input__content__field-wrapper__field{
  43. color: blueviolet !important;
  44. font-weight: 550;
  45. }
  46. }
  47. }
  48. }
  49. .img_wrap{
  50. display: flex;
  51. }
  52. .price{
  53. .u-input__content__field-wrapper__field{
  54. font-size: 34rpx !important;
  55. color: red !important;
  56. font-weight: 600;
  57. }
  58. }
  59. }