writeoffitem.wxss 7.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151
  1. @charset "UTF-8";
  2. /**
  3. * 这里是uni-app内置的常用样式变量
  4. *
  5. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  6. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  7. *
  8. */
  9. /**
  10. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  11. *
  12. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  13. */
  14. /* 颜色变量 */
  15. /* 行为相关颜色 */
  16. /* 文字基本颜色 */
  17. /* 背景颜色 */
  18. /* 边框颜色 */
  19. /* 尺寸变量 */
  20. /* 文字尺寸 */
  21. /* 图片尺寸 */
  22. /* Border Radius */
  23. /* 水平间距 */
  24. /* 垂直间距 */
  25. /* 透明度 */
  26. /* 文章场景相关 */
  27. .writeoffitem-number.data-v-e8d13eae{margin-bottom: 24rpx;background-color: #fff;padding: 24rpx;color: #666;border-bottom-left-radius: 14rpx;border-bottom-right-radius: 14rpx;}
  28. .consumer-code.data-v-e8d13eae{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;position: relative;}
  29. .consumer-code.data-v-e8d13eae::after{content: '*';position: absolute;right: 45rpx;top: 40rpx;color: red;}
  30. .consumer-code-text.data-v-e8d13eae{margin-right: 10rpx;}
  31. .consumer-code-input.data-v-e8d13eae{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;}
  32. .consumer-code-input.data-v-e8d13eae{border: 1px solid #007aff;padding: 10rpx;border-radius: 10rpx;}
  33. .hotel-info-room.data-v-e8d13eae{display: -webkit-box;display: -webkit-flex;display: flex;padding-bottom: 20rpx;border-bottom: 1px dotted #ebebeb;}
  34. .hotel-info-room .room-image.data-v-e8d13eae{width: 150rpx;height: 150rpx;border-radius: 14rpx;margin-right: 24rpx;}
  35. .hotel-info-room .hotel-info-text.data-v-e8d13eae{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;}
  36. .hotel-info-text-item.data-v-e8d13eae{margin-bottom: 5rpx;}
  37. .hotel-info-text-room.data-v-e8d13eae{font-size: 32rpx;}
  38. .hotel-info-text-service.data-v-e8d13eae{color: #666;}
  39. .hotel-info-text-service .hotel-info-text-service-item.data-v-e8d13eae{padding: 4rpx 10rpx;position: relative;}
  40. .hotel-info-text-service .hotel-info-text-service-item + .hotel-info-text-service-item.data-v-e8d13eae::before{content: '';width: 1px;height: 24rpx;background-color: #666;position: absolute;left: 0;top: 50%;margin-top: -12rpx;}
  41. .room-detail-item.data-v-e8d13eae{padding: 20rpx 0;border-bottom: 1px dotted #ebebeb;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;-webkit-box-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}
  42. .room-list.data-v-e8d13eae{width: 100%;color: #666;}
  43. .room-list-item.data-v-e8d13eae{margin-bottom: 10rpx;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}
  44. .pay-total.data-v-e8d13eae{margin-top: 24rpx;}
  45. .pay-total-item.data-v-e8d13eae{display: -webkit-box;display: -webkit-flex;display: flex;margin-bottom: 15rpx;-webkit-box-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}
  46. .pay-total-way.data-v-e8d13eae{color: #666;}
  47. .contact-info.data-v-e8d13eae{margin-bottom: 40rpx;}
  48. .contact-info-item.data-v-e8d13eae{display: -webkit-box;display: -webkit-flex;display: flex;margin-bottom: 10rpx;}
  49. .contact-info-item-til.data-v-e8d13eae{min-width: 150rpx;text-align: right;}
  50. .contact-info-item-con.data-v-e8d13eae{color: #666;}
  51. .scan-hd-header.data-v-e8d13eae{display: -webkit-box;display: -webkit-flex;display: flex;margin-bottom: 15rpx;-webkit-box-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;-webkit-box-align: center;-webkit-align-items: center;align-items: center;}
  52. .scan-hd-header-til.data-v-e8d13eae{color: #4235B6;}
  53. .scan-hd-header-btn.data-v-e8d13eae{margin: unset;height: 50rpx;line-height: 50rpx;font-size: 28rpx;background: -webkit-linear-gradient(top, #5a52c5 0%, #8257ed 100%);background: linear-gradient(180deg, #5a52c5 0%, #8257ed 100%);color: #fff;}
  54. .scan-hd-header-btn .iconfont.data-v-e8d13eae{font-size: 28rpx;margin-right: 5rpx;}
  55. .scan-hd-list-item.data-v-e8d13eae{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;padding-left: 5rpx;background: #ececec;margin-bottom: 15rpx;}
  56. .scan-hd-list-item .item-til.data-v-e8d13eae{padding-right: 10rpx;}
  57. .scan-hd-list-item .item-con.data-v-e8d13eae{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;}
  58. .scan-hd-tip.data-v-e8d13eae{color: #999;}
  59. .pay-way.data-v-e8d13eae{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;-webkit-box-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}
  60. .radio-select uni-radio-group.data-v-e8d13eae{display: -webkit-box;display: -webkit-flex;display: flex;}
  61. .radio-select .uni-list-cell.data-v-e8d13eae{margin-right: 50rpx;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;}
  62. uni-button[type=primary].data-v-e8d13eae {
  63. background: -webkit-linear-gradient(top, #5a52c5 0%, #8257ed 100%);
  64. background: linear-gradient(180deg, #5a52c5 0%, #8257ed 100%);
  65. }
  66. page.data-v-e8d13eae {
  67. font-size: 28rpx;
  68. }
  69. .wrap.data-v-e8d13eae {
  70. margin: 0 40rpx;
  71. }
  72. .full-img.data-v-e8d13eae {
  73. width: 100%;
  74. height: auto;
  75. }
  76. .f-tac.data-v-e8d13eae {
  77. text-align: center;
  78. }
  79. .write-radius.data-v-e8d13eae {
  80. background-color: #fff;
  81. border-radius: 24rpx;
  82. padding: 24rpx;
  83. margin-bottom: 24rpx;
  84. }
  85. .bottom-btn-wrap.data-v-e8d13eae {
  86. height: 110rpx;
  87. }
  88. .bottom-btn.data-v-e8d13eae {
  89. height: 110rpx;
  90. line-height: 110rpx;
  91. position: fixed;
  92. left: 0;
  93. bottom: 0;
  94. width: 100%;
  95. }
  96. .search-block.data-v-e8d13eae {
  97. display: -webkit-box;
  98. display: -webkit-flex;
  99. display: flex;
  100. -webkit-box-align: center;
  101. -webkit-align-items: center;
  102. align-items: center;
  103. }
  104. .search-input.data-v-e8d13eae {
  105. border: 1px solid #666;
  106. font-size: 24rpx;
  107. height: 50rpx;
  108. line-height: 50rpx;
  109. border-radius: 12rpx;
  110. padding-left: 24rpx;
  111. }
  112. .search-input + .search-input.data-v-e8d13eae {
  113. margin: 0 10rpx;
  114. }
  115. .search-button.data-v-e8d13eae {
  116. width: 200rpx;
  117. height: 50rpx;
  118. line-height: 50rpx;
  119. font-size: 32rpx;
  120. }
  121. page.data-v-e8d13eae {
  122. background-color: #f8f8f8;
  123. }
  124. .addhd.data-v-e8d13eae {
  125. margin: 40rpx 0;
  126. display: -webkit-box;
  127. display: -webkit-flex;
  128. display: flex;
  129. -webkit-box-pack: justify;
  130. -webkit-justify-content: space-between;
  131. justify-content: space-between;
  132. }
  133. .addhd-input.data-v-e8d13eae,
  134. .addhd-button.data-v-e8d13eae {
  135. height: 50rpx;
  136. line-height: 50rpx;
  137. font-size: 28rpx;
  138. }
  139. .addhd-button.data-v-e8d13eae {
  140. margin: 0;
  141. }
  142. .addhd-input.data-v-e8d13eae {
  143. border: 1px solid #4235B6;
  144. border-radius: 12rpx;
  145. -webkit-box-flex: 1;
  146. -webkit-flex: 1;
  147. flex: 1;
  148. margin-right: 15rpx;
  149. padding: 0 12rpx;
  150. }