publish.wxss 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. /* pages/publish/publish.wxss */
  2. page{
  3. background-color: #F7F7F7;
  4. }
  5. .nav-wrap {
  6. position: fixed;
  7. width: 100%;
  8. top: 0;
  9. background: #F7F7F7;
  10. color: #000;
  11. z-index: 9999999;
  12. }
  13. /* 标题要居中 */
  14. .nav-title {
  15. position: absolute;
  16. text-align: center;
  17. max-width: 400rpx;
  18. overflow: hidden;
  19. text-overflow: ellipsis;
  20. white-space: nowrap;
  21. top: 0;
  22. left: 0;
  23. right: 0;
  24. bottom: 0;
  25. margin: auto;
  26. font-size: 32rpx;
  27. color: #2c2b2b;
  28. }
  29. .nav-capsule {
  30. display: flex;
  31. align-items: center;
  32. margin-left: 30rpx;
  33. width: 140rpx;
  34. justify-content: space-between;
  35. height: 100%;
  36. }
  37. .navbar-v-line {
  38. width: 1px;
  39. height: 32rpx;
  40. background-color: #e5e5e5;
  41. }
  42. .pub-top{
  43. width: 100%;
  44. height: 180rpx;
  45. display: flex;
  46. flex-direction: column;
  47. justify-content: space-between;
  48. }
  49. .pub-top button{
  50. width: 622rpx;
  51. height: 74rpx;
  52. border-radius: 50rpx;
  53. }
  54. .pub-but-one{
  55. background-color: #FF874E;
  56. color: white;
  57. display: flex;
  58. align-items: center;
  59. justify-content: center;
  60. font-size: 28rpx;
  61. }
  62. .pub-but-two{
  63. background-color: #FFFFFF;
  64. color: #FF874E;
  65. border: 1px solid #FF874E;
  66. display: flex;
  67. align-items: center;
  68. justify-content: center;
  69. font-size: 28rpx;
  70. }
  71. .pub-line{
  72. width: 100%;
  73. height: 100rpx;
  74. display: flex;
  75. flex-direction: row;
  76. justify-content: center;
  77. align-items: center;
  78. font-size: 28rpx;
  79. color: #656565;
  80. }
  81. .pub-line view{
  82. width: 68rpx;
  83. margin-left: 20rpx;
  84. height: 2rpx;
  85. margin-right: 20rpx;
  86. background-color: #979797;
  87. }
  88. .pub-orders{
  89. width: 100%;
  90. display: flex;
  91. flex-direction: column;
  92. align-items: center;
  93. }