scheduleSubjectInner.wxss 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198
  1. @import "../template/detail/detail.wxss";
  2. @import "../template/schedule/schedule.wxss";
  3. @import "../template/materials/materials.wxss";
  4. @import "../template/qa/qa.wxss";
  5. page{
  6. height: 100%;
  7. }
  8. .root-view {
  9. background-color: #f0eff5;
  10. width: 100%;
  11. height: 100%;
  12. font-family: "PingFang SC",
  13. "Hiragino Sans GB",
  14. "Heiti SC",
  15. "Microsoft YaHei",
  16. "WenQuanYi Micro Hei";
  17. }
  18. .frame-view {
  19. width: 100%;
  20. height: 100%;
  21. -webkit-box-sizing: border-box;
  22. box-sizing: border-box;
  23. padding: 16rpx 0 0;
  24. display: -webkit-box;
  25. display: -ms-flexbox;
  26. display: flex;
  27. -webkit-box-orient: vertical;
  28. -webkit-box-direction: normal;
  29. -ms-flex-direction: column;
  30. flex-direction: column;
  31. }
  32. .tab-wrapper {
  33. -webkit-box-flex: 0;
  34. -ms-flex: 0 0 80rpx;
  35. flex: 0 0 80rpx;
  36. height: 80rpx;
  37. margin: 20rpx 16rpx;
  38. font-size: 30rpx;
  39. display: -webkit-box;
  40. display: -ms-flexbox;
  41. display: flex;
  42. }
  43. .tab-item {
  44. -webkit-box-flex: 1;
  45. -ms-flex: 1 1 auto;
  46. flex: 1 1 auto;
  47. display: -webkit-box;
  48. display: -ms-flexbox;
  49. display: flex;
  50. text-align: center;
  51. -webkit-box-pack: center;
  52. -ms-flex-pack: center;
  53. justify-content: center;
  54. -webkit-box-align: center;
  55. -ms-flex-align: center;
  56. align-items: center;
  57. background: #fff;
  58. }
  59. #tab-0{
  60. border-top-left-radius:15rpx;
  61. border-bottom-left-radius:15rpx;
  62. }
  63. #tab-3{
  64. border-top-right-radius:15rpx;
  65. border-bottom-right-radius:15rpx;
  66. }
  67. /*选中tab样式*/
  68. .tab-select {
  69. -webkit-box-flex: 1;
  70. -ms-flex: 1 1 auto;
  71. flex: 1 1 auto;
  72. position: relative;
  73. display: -webkit-box;
  74. display: -ms-flexbox;
  75. display: flex;
  76. -webkit-box-pack: center;
  77. -ms-flex-pack: center;
  78. justify-content: center;
  79. -webkit-box-align: center;
  80. -ms-flex-align: center;
  81. align-items: center;
  82. text-align: center;
  83. background: #3db254;
  84. color: #fff;
  85. }
  86. .tab-select::after{
  87. position: absolute;
  88. bottom: -20rpx;
  89. left: 40%;
  90. content: '';
  91. display: block;
  92. width: 0;
  93. height: 0;
  94. border-style: solid;
  95. border-width: 30rpx 15rpx 0 15rpx;
  96. border-color: #3db254 transparent transparent transparent;
  97. }
  98. .detail-wrapper {
  99. -webkit-box-flex: 1;
  100. -ms-flex: 1 1 auto;
  101. flex: 1 1 auto;
  102. height: 600rpx;
  103. border-top-left-radius: 20rpx;
  104. border-top-right-radius: 20rpx;
  105. background-color: #fff;
  106. margin: 0 16rpx;
  107. position: relative;
  108. }
  109. .detail-item {
  110. position: absolute;
  111. width: 100%;
  112. height: 100%;
  113. }
  114. scroll-view {
  115. height: 100%;
  116. }
  117. .input-wrapper {
  118. position: fixed;
  119. bottom: 0;
  120. left: 0;
  121. display: -webkit-box;
  122. display: -ms-flexbox;
  123. display: flex;
  124. -webkit-box-align: center;
  125. -ms-flex-align: center;
  126. align-items: center;
  127. -webkit-box-flex: 0;
  128. -ms-flex: 0 0 auto;
  129. flex: 0 0 auto;
  130. width: 100%;
  131. -webkit-box-sizing: border-box;
  132. box-sizing: border-box;
  133. background-color: #cce9ce;
  134. padding: 0 30rpx;
  135. overflow: hidden;
  136. }
  137. .speak-icon {
  138. -webkit-box-flex: 0;
  139. -ms-flex: 0 0 auto;
  140. flex: 0 0 auto;
  141. display: -webkit-box;
  142. display: -ms-flexbox;
  143. display: flex;
  144. -webkit-box-pack: center;
  145. -ms-flex-pack: center;
  146. justify-content: center;
  147. -webkit-box-align: center;
  148. -ms-flex-align: center;
  149. align-items: center;
  150. width: 68rpx;
  151. min-height: 100rpx;
  152. border-radius: 50%;
  153. margin-right: 12rpx;
  154. }
  155. .speak-icon image{
  156. width: 68rpx;
  157. height: 68rpx;
  158. }
  159. .input-item {
  160. -webkit-box-flex: 1;
  161. -ms-flex: 1 1 100rpx;
  162. flex: 1 1 100rpx;
  163. /*position: relative;*/
  164. width: 100rpx;
  165. height: 68rpx;
  166. background-color: #fff;
  167. margin: 16rpx 12rpx 16rpx 0;
  168. border-radius: 32rpx;
  169. -webkit-box-sizing: border-box;
  170. box-sizing: border-box;
  171. padding: 0 32rpx;
  172. }
  173. .input-wrapper input{
  174. width: 100%;
  175. display: block;
  176. height: 68rpx;
  177. line-height: 68rpx;
  178. }
  179. .submit {
  180. -webkit-box-flex: 0;
  181. -ms-flex: 0 0 auto;
  182. flex: 0 0 auto;
  183. width: 120rpx;
  184. height: 68rpx;
  185. line-height: 68rpx;
  186. border-radius: 32rpx;
  187. background-color: #3cb350;
  188. text-align: center;
  189. font-size: 34rpx;
  190. color: #fff;
  191. }
  192. .no-info {
  193. color: #999;
  194. line-height: 50rpx;
  195. font-size: 32rpx;
  196. }