change_information.wxss 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. /* pages/kids_information/kids_information.wxss */
  2. @import '../../templates/picker/picker.wxss';
  3. .list {
  4. background: #fff;
  5. border-bottom: solid 1rpx #f4f4f4;
  6. padding-left: 30rpx;
  7. }
  8. .li {
  9. display: flex;
  10. justify-content: space-between;
  11. align-items: center;
  12. padding: 30rpx 30rpx 30rpx 0;
  13. border-bottom: solid 1rpx #f4f4f4;
  14. }
  15. .li-label {
  16. font-size: 30rpx;
  17. color: #393939;
  18. }
  19. .li-content {
  20. text-align: right;
  21. }
  22. .li-contents {
  23. text-align: right;
  24. width: 50rpx;
  25. height: 38rpx;
  26. }
  27. .li-arrow {
  28. position: relative;
  29. padding-right: 30rpx;
  30. }
  31. .li-arrow::after {
  32. position: absolute;
  33. top: 17%;
  34. right: 0;
  35. content: "";
  36. width: 17rpx;
  37. height: 17rpx;
  38. border-top: 5rpx solid #bfbfbf;
  39. border-right: 5rpx solid #bfbfbf;
  40. transform: rotate(45deg);
  41. }
  42. .li-arrow-img {
  43. position: relative;
  44. padding-right: 30rpx;
  45. }
  46. .li-arrow-img::after {
  47. position: absolute;
  48. top: 37%;
  49. right: 0;
  50. content: "";
  51. width: 17rpx;
  52. height: 17rpx;
  53. border-top: 5rpx solid #bfbfbf;
  54. border-right: 5rpx solid #bfbfbf;
  55. transform: rotate(45deg);
  56. }
  57. .li-image {
  58. width: 60rpx;
  59. height: 60rpx;
  60. border-radius: 60rpx;
  61. }
  62. .li-text {
  63. font-size: 28rpx;
  64. color: #7e7e7e;
  65. }
  66. .input-placeholder,
  67. .li-input {
  68. /* background: #bfbfbf; */
  69. font-size: 28rpx;
  70. color: #7e7e7e;
  71. }
  72. .button {
  73. margin: 30rpx 24rpx;
  74. padding: 34rpx;
  75. text-align: center;
  76. background: #FF6465;
  77. color: #fff;
  78. font-size: 34rpx;
  79. border-radius: 12rpx;
  80. }
  81. .li-label-star{
  82. color: #FF6465
  83. }
  84. .li-margin{
  85. justify-content: space-around !important;
  86. }