style.wxss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  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. }
  35. .tags .act{
  36. border: 1px solid #FFEFEB;
  37. background: #FFEFEB;
  38. color: #D94B24;
  39. }
  40. .date-picker{
  41. line-height: 64rpx;
  42. }
  43. .date-picker text{
  44. color: #666;
  45. font-size: 30rpx;
  46. }
  47. .tags input{
  48. border: 1px solid #E0E0E0;
  49. width: 100%;
  50. height: 88rpx;
  51. padding: 0 24rpx;
  52. box-sizing: border-box;
  53. position: relative;
  54. top: -5rpx;
  55. font-size: 30rpx;
  56. border-radius: 8rpx;
  57. }
  58. .upload{
  59. width: 240rpx;
  60. height: 240rpx;
  61. background: #F7F7F7;
  62. border-radius: 8rpx;
  63. text-align: center;
  64. font-size: 30rpx;
  65. padding-top: 74rpx;
  66. }
  67. .upload image{
  68. width: 50rpx;
  69. display: block;
  70. margin: 0 auto 8rpx;
  71. }
  72. .post_btn{
  73. margin: 100rpx 0 40rpx;
  74. }
  75. .item picker{
  76. display: inline-block;
  77. }
  78. .date-picker image{
  79. width: 24rpx;
  80. }
  81. .account_img{
  82. width: 240rpx;
  83. height: 240rpx;
  84. border-radius: 8rpx;
  85. }
  86. .icon-small{
  87. display: block;
  88. margin-left: 95rpx;
  89. }
  90. input::disabled{
  91. background: #999;
  92. }