select-master-slave.wxss 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158
  1. body {
  2. background: #eeeeee;
  3. height: 100%;
  4. }
  5. .root {
  6. /* width: 100%;
  7. height: calc(100%-40rpx); */
  8. height: 100%;
  9. }
  10. .search {
  11. background: #fff;
  12. width: 100%;
  13. padding: 20rpx;
  14. position: fixed;
  15. top: 0;
  16. z-index: 10;
  17. }
  18. .search-button {
  19. color: #c8c8c8 !important;
  20. border-radius: 10rpx !important;
  21. width: 96%;
  22. height: 60rpx;
  23. }
  24. .search-button>.van-button__text {
  25. font-size: 15px;
  26. }
  27. .search-wait {
  28. height: 100rpx;
  29. width: 100%;
  30. line-height: 100rpx;
  31. text-align: center;
  32. color: #c8c8c8;
  33. background: #fff;
  34. }
  35. .pop-search-view {
  36. display: flex;
  37. justify-content: space-between;
  38. background-color: #d9001b;
  39. height: 60rpx;
  40. padding: 0 3% 0 3%;
  41. color: #000;
  42. }
  43. .panellist {
  44. width: 100%;
  45. background-color: #fff;
  46. /* overflow: hidden; */
  47. display: flex;
  48. flex-direction: row;
  49. }
  50. .left {
  51. margin-left: 15rpx;
  52. width: 50rpx;
  53. background-color: #fff;
  54. display: flex;
  55. flex-direction: column;
  56. justify-content: center;
  57. align-items: center;
  58. }
  59. .right {
  60. width: calc(100%-50rpx);
  61. /* width: 100%; */
  62. /* float: left; */
  63. background-color: #fff;
  64. display: flex;
  65. flex-direction: column;
  66. align-items: center;
  67. justify-content: flex-start;
  68. }
  69. .content {
  70. padding: var(--cell-vertical-padding, 10rpx) var(--cell-horizontal-padding, 10rpx);
  71. /* border-top: 2px #dcdcdc dashed; */
  72. /* border-bottom: 1px #ededed solid; */
  73. font-size: small;
  74. }
  75. .content-item {
  76. display: flex;
  77. flex-direction: column;
  78. align-items: center;
  79. justify-content: flex-start;
  80. }
  81. .content-item-1 {
  82. padding: 10rpx;
  83. text-align: left;
  84. overflow: hidden;
  85. text-overflow: ellipsis;
  86. white-space: nowrap;
  87. }
  88. .footer {
  89. color: red;
  90. }
  91. .footer-info {
  92. width: 100%;
  93. text-align: right;
  94. padding-right: 20rpx;
  95. font-size: 20rpx;
  96. }
  97. .footer-margin {
  98. margin-bottom: 10rpx;
  99. width: 100%;
  100. background-color: #eeeeee
  101. }
  102. .foot {
  103. height: 100rpx;
  104. width: 100%;
  105. display: flex;
  106. position: fixed;
  107. left: 0;
  108. bottom: 0;
  109. z-index: 100;
  110. padding-left: 20rpx;
  111. background-color: #eeeeee;
  112. align-items: center;
  113. }
  114. .switch {
  115. vertical-align: middle;
  116. margin-left: 2rpx;
  117. }
  118. .van-search__content {
  119. background: #F8F9FD;
  120. border: 1px solid #D6E4FF;
  121. border-radius: 15rpx !important;
  122. }
  123. .van-button--round {
  124. border-radius: 15rpx !important;
  125. }
  126. .bottom-class-1{
  127. background:#fff;
  128. position:fixed;
  129. bottom:0;
  130. width:100%;
  131. height: 182rpx;
  132. border-top:1px solid #efefef;
  133. z-index: 7;
  134. box-shadow: 0px -8rpx 24rpx rgba(0, 16, 39, 0.1);
  135. border-radius: 30rpx 30rpx 0rpx 0rpx;
  136. }