add.wxss 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. .container {
  2. display: flex;
  3. flex-direction: column;
  4. min-height: 100%;
  5. justify-content: space-between;
  6. font-size: 32rpx;
  7. font-family: -apple-system-font,Helvetica Neue,Helvetica,sans-serif;
  8. }
  9. .page-body {
  10. width: 100%;
  11. flex-grow: 1;
  12. overflow-x: hidden;
  13. }
  14. .page-section{
  15. width: 100%;
  16. margin-bottom: 0rpx;
  17. }
  18. .image-plus {
  19. width: 150rpx;
  20. height: 150rpx;
  21. border: 2rpx solid #D9D9D9;
  22. position: relative;
  23. }
  24. .image-plus-nb{
  25. border: 0;
  26. }
  27. .image-plus-text{
  28. color: #888888;
  29. font-size: 28rpx;
  30. }
  31. .image-plus-horizontal {
  32. position: absolute;
  33. top: 50%;
  34. left: 50%;
  35. background-color: #d9d9d9;
  36. width: 4rpx;
  37. height: 80rpx;
  38. transform: translate(-50%, -50%);
  39. }
  40. .image-plus-vertical {
  41. position: absolute;
  42. top: 50%;
  43. left: 50%;
  44. background-color: #d9d9d9;
  45. width: 80rpx;
  46. height: 4rpx;
  47. transform: translate(-50%, -50%);
  48. }
  49. .image {
  50. width: 100%;
  51. height: 360rpx;
  52. }
  53. .page-body-info {
  54. display: flex;
  55. box-sizing: border-box;
  56. padding: 30rpx;
  57. height: 420rpx;
  58. /*border-top: 1rpx solid #D9D9D9;*/
  59. /*border-bottom: 1rpx solid #D9D9D9;*/
  60. align-items: center;
  61. justify-content: center;
  62. margin-bottom: 0rpx;
  63. }
  64. .page-section-title{
  65. font-size: 28rpx;
  66. color: #999999;
  67. margin-bottom: 0rpx;
  68. padding-left: 30rpx;
  69. padding-right: 30rpx;
  70. line-height:90rpx;
  71. }
  72. textarea {
  73. width: 700rpx;
  74. padding: 25rpx 0;
  75. }
  76. .textarea-wrp {
  77. padding: 0 25rpx;
  78. background-color: #fff;
  79. }
  80. .button-wrapper{
  81. margin: 1.17647059em 15px 0.3em;
  82. }