roomManger.wxss 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
  1. /* miniprogram/pages/tab/tab.wxss */
  2. /* pages/searchRoom/searchRoom.wxss */
  3. .storeContent {
  4. width: 100%;
  5. /* padding: 0 10rpx; */
  6. box-sizing: border-box;
  7. display: flex;
  8. align-items: center;
  9. justify-content: center;
  10. position: fixed;
  11. flex-direction: column;
  12. top: 0;
  13. left: 0;
  14. background: #fff;
  15. z-index: 100;
  16. padding-bottom: 10rpx;
  17. }
  18. .tab-header {
  19. width: 100%;
  20. height: 80rpx;
  21. display: flex;
  22. flex-direction: row;
  23. justify-content: center;
  24. align-items: center;
  25. }
  26. .un-start,
  27. .has-start {
  28. width: 50%;
  29. display: flex;
  30. flex-direction: row;
  31. justify-content: center;
  32. align-items: center;
  33. }
  34. .storeSearch {
  35. width: 614rpx;
  36. height: 64rpx;
  37. background: #F6F6F6;
  38. border-radius: 32rpx;
  39. display: flex;
  40. align-items: center;
  41. justify-content: flex-start;
  42. padding: 0 32rpx;
  43. box-sizing: border-box;
  44. margin: 10rpx auto 0;
  45. position: relative;
  46. }
  47. .storeSearch image {
  48. width: 24rpx;
  49. height: 24rpx;
  50. }
  51. .storeSearch input {
  52. font-size: 24rpx;
  53. color: #333;
  54. margin-left: 4rpx;
  55. width: 80%;
  56. }
  57. .storeSearch .placeholderStyle {
  58. font-size: 24rpx;
  59. color: #B2B2B2;
  60. }
  61. .search-container{
  62. display: flex;
  63. width: 100%;
  64. flex-direction: row;
  65. justify-content: center;
  66. align-items: center;
  67. padding: 0 32rpx;
  68. }
  69. .searchBtn {
  70. color: #0075DC;
  71. font-size: 28rpx;
  72. width: 60rpx;
  73. }
  74. .result {
  75. margin-top: 80rpx;
  76. padding: 0rpx 32rpx 10rpx 32rpx;
  77. box-sizing: border-box;
  78. }
  79. .storeList {
  80. width: 100%;
  81. /* padding: 0 32rpx; */
  82. box-sizing: border-box;
  83. /* display: flex;
  84. align-items: center;
  85. justify-content: center; */
  86. margin-top: 20rpx;
  87. }
  88. .storeList>view {
  89. overflow: hidden;
  90. width: 334rpx;
  91. float: left;
  92. }
  93. .storeList>view:nth-of-type(odd) {
  94. margin-right: 18rpx;
  95. }
  96. .unbrand {
  97. margin-top: 180rpx;
  98. text-align: center;
  99. }
  100. .unbrand image {
  101. display: inline-block;
  102. width: 250rpx;
  103. height: 274rpx;
  104. }
  105. .unbrand .text {
  106. color: #666C7D;
  107. font-size: 30rpx;
  108. margin-top: 40rpx;
  109. }