index.scss 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  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. .history_wrap{
  53. max-height: 300rpx;
  54. overflow: auto;
  55. .title{
  56. font-size: 26rpx;
  57. color: #333;
  58. white-space: nowrap;
  59. flex-shrink: 0;
  60. }
  61. }
  62. .price{
  63. .u-input__content__field-wrapper__field{
  64. font-size: 34rpx !important;
  65. color: red !important;
  66. font-weight: 600;
  67. }
  68. }
  69. }
  70. ::v-deep .u-cell__title-text{
  71. width:max-content !important;
  72. }