writeoffitem.wxss 5.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  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-text-item.data-v-e8d13eae{margin-bottom: 5rpx;}
  36. .hotel-info-text-room.data-v-e8d13eae{font-size: 32rpx;}
  37. .hotel-info-text-service.data-v-e8d13eae{color: #666;}
  38. .hotel-info-text-service .hotel-info-text-service-item.data-v-e8d13eae{padding: 4rpx 10rpx;position: relative;}
  39. .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;}
  40. .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;}
  41. .room-list.data-v-e8d13eae{width: 100%;color: #666;}
  42. .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;}
  43. .pay-total.data-v-e8d13eae{margin-top: 24rpx;}
  44. .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;}
  45. .pay-total-way.data-v-e8d13eae{color: #666;}
  46. .contact-info.data-v-e8d13eae{margin-bottom: 40rpx;}
  47. .contact-info-item.data-v-e8d13eae{display: -webkit-box;display: -webkit-flex;display: flex;margin-bottom: 10rpx;}
  48. .contact-info-item-til.data-v-e8d13eae{min-width: 150rpx;text-align: right;}
  49. .contact-info-item-con.data-v-e8d13eae{color: #666;}
  50. .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;}
  51. .scan-hd-header-til.data-v-e8d13eae{color: #4235B6;}
  52. .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;}
  53. .scan-hd-header-btn .iconfont.data-v-e8d13eae{font-size: 28rpx;margin-right: 5rpx;}
  54. .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;}
  55. .scan-hd-list-item .item-til.data-v-e8d13eae{padding-right: 10rpx;}
  56. .scan-hd-tip.data-v-e8d13eae{color: #999;}
  57. .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;}
  58. .radio-select uni-radio-group.data-v-e8d13eae{display: -webkit-box;display: -webkit-flex;display: flex;}
  59. .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;}
  60. uni-button[type=primary].data-v-e8d13eae {
  61. background: -webkit-linear-gradient(top, #5a52c5 0%, #8257ed 100%);
  62. background: linear-gradient(180deg, #5a52c5 0%, #8257ed 100%);
  63. }
  64. page.data-v-e8d13eae {
  65. font-size: 28rpx;
  66. }
  67. .wrap.data-v-e8d13eae {
  68. margin: 0 40rpx;
  69. }
  70. .full-img.data-v-e8d13eae {
  71. width: 100%;
  72. height: auto;
  73. }
  74. .f-tac.data-v-e8d13eae {
  75. text-align: center;
  76. }
  77. .write-radius.data-v-e8d13eae {
  78. background-color: #fff;
  79. border-radius: 24rpx;
  80. padding: 24rpx;
  81. margin-bottom: 24rpx;
  82. }
  83. .bottom-btn-wrap.data-v-e8d13eae {
  84. height: 110rpx;
  85. }
  86. .bottom-btn.data-v-e8d13eae {
  87. height: 110rpx;
  88. line-height: 110rpx;
  89. position: fixed;
  90. left: 0;
  91. bottom: 0;
  92. width: 100%;
  93. }
  94. page.data-v-e8d13eae {
  95. background-color: #f8f8f8;
  96. }