kids_information.wxss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  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: 28%;
  34. right: 0;
  35. content: "";
  36. width: 20rpx;
  37. height: 20rpx;
  38. border-top: 5rpx solid #bfbfbf;
  39. border-right: 5rpx solid #bfbfbf;
  40. transform: rotate(45deg);
  41. }
  42. .li-image {
  43. width: 60rpx;
  44. height: 60rpx;
  45. border-radius: 60rpx;
  46. }
  47. .li-text {
  48. font-size: 28rpx;
  49. color: #7e7e7e;
  50. }
  51. .input-placeholder,
  52. .li-input {
  53. /* background: #bfbfbf; */
  54. font-size: 28rpx;
  55. color: #7e7e7e;
  56. }
  57. .button {
  58. margin: 30rpx 24rpx;
  59. padding: 34rpx;
  60. text-align: center;
  61. background: #FF6465;
  62. color: #fff;
  63. font-size: 34rpx;
  64. border-radius: 12rpx;
  65. }
  66. .li-label-star{
  67. color: #FF6465
  68. }