style.wxss 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. /* pages/style/style.wxss */
  2. page{
  3. padding: 30rpx;
  4. }
  5. .title{
  6. font-size: 32rpx;
  7. margin-bottom: 10rpx;
  8. }
  9. .item{
  10. padding: 30rpx 0 0rpx;
  11. padding-left: 140rpx;
  12. position: relative;
  13. }
  14. .item label{
  15. position: absolute;
  16. left: 0;
  17. top: 30rpx;
  18. line-height: 64rpx;
  19. font-weight: 500;
  20. }
  21. .tags{
  22. position: relative;
  23. }
  24. .tags>text{
  25. display: inline-block;
  26. /* width: 160rpx; */
  27. border: 1px solid #E0E0E0;
  28. text-align: center;
  29. line-height: 64rpx;
  30. border-radius: 32rpx;
  31. font-size: 30rpx;
  32. margin-bottom: 16rpx;
  33. margin-right: 16rpx;
  34. padding: 0 30rpx;
  35. }
  36. .tags .act{
  37. border: 1px solid #FFEFEB;
  38. background: #FFEFEB;
  39. color: #D94B24;
  40. }
  41. .date-picker{
  42. line-height: 64rpx;
  43. }
  44. .date-picker text{
  45. color: #666;
  46. font-size: 30rpx;
  47. }
  48. .tags input{
  49. border: 1px solid #E0E0E0;
  50. width: 100%;
  51. height: 88rpx;
  52. padding: 0 24rpx;
  53. box-sizing: border-box;
  54. position: relative;
  55. top: -5rpx;
  56. font-size: 30rpx;
  57. border-radius: 8rpx;
  58. }
  59. .upload{
  60. width: 240rpx;
  61. height: 240rpx;
  62. background: #F7F7F7;
  63. border-radius: 8rpx;
  64. text-align: center;
  65. font-size: 30rpx;
  66. padding-top: 74rpx;
  67. }
  68. .upload image{
  69. width: 50rpx;
  70. display: block;
  71. margin: 0 auto 8rpx;
  72. }
  73. .post_btn{
  74. margin: 100rpx 0 40rpx;
  75. line-height: 88rpx;
  76. padding: 0;
  77. }
  78. .item picker{
  79. display: inline-block;
  80. }
  81. .date-picker image{
  82. width: 24rpx;
  83. }
  84. .account_img{
  85. width: 240rpx;
  86. height: 240rpx;
  87. border-radius: 8rpx;
  88. }
  89. .icon-small{
  90. display: block;
  91. margin-left: 95rpx;
  92. }
  93. input::disabled{
  94. background: #999;
  95. }