猫妈狗爸伴宠师小程序前端代码
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

91 lines
1.3 KiB

  1. .box {
  2. width: 100vw;
  3. height: 100vh;
  4. padding: 0 20rpx;
  5. position: absolute;
  6. .top{
  7. width: 710rpx;
  8. height: auto;
  9. background-color: #fff;
  10. padding: 0 23rpx 53rpx 23rpx;
  11. }
  12. .img image{
  13. width: 173rpx;
  14. height: 230rpx;
  15. background-color: red;
  16. }
  17. .notes{
  18. width: 681rpx;
  19. height: auto;
  20. padding: 4rpx 10rpx;
  21. border: 1rpx solid #999999;
  22. }
  23. .input_{
  24. border-bottom: 1px solid #000;
  25. text-align: center;
  26. }
  27. .line{
  28. width: 691rpx;
  29. height: 1rpx;
  30. background-color: #707070;
  31. opacity: 0.14;
  32. margin: 35rpx 0 35rpx -13rpx;
  33. }
  34. .buttom{
  35. width: 750rpx;
  36. height: 163rpx;
  37. background-color: #fff;
  38. position: relative;
  39. bottom: 32rpx;
  40. left: -20rpx;
  41. padding: 40rpx 85rpx;
  42. .buttom-item{
  43. width: 594rpx;
  44. height: 94rpx;
  45. background-color: #FFBF60;
  46. align-items: center;
  47. justify-content: center;
  48. }
  49. }
  50. .buttom_{
  51. width: 750rpx;
  52. height: 163rpx;
  53. background-color: #fff;
  54. padding: 40rpx 40rpx;
  55. position: relative;
  56. bottom: 32rpx;
  57. left: -20rpx;
  58. justify-content: space-between;
  59. .buttom_item{
  60. width: 307rpx;
  61. height: 94rpx;
  62. background-color: #FFBF60;
  63. align-items: center;
  64. justify-content: center;
  65. }
  66. }
  67. }
  68. .ml--15{
  69. margin-left: -15rpx;
  70. }
  71. .color-A55{
  72. color: #A55822;
  73. }
  74. .box-size {
  75. box-sizing: border-box;
  76. }
  77. .level{
  78. display: flex;
  79. }