环卫车小程序前端代码
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

150 lines
3.4 KiB

4 months ago
  1. /**
  2. * 下方引入的为uView UI的集成样式文件为scss预处理器其中包含了一些"u-"开头的自定义变量
  3. * 使用的时候请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可
  4. * uView自定义的css类名和scss变量均以"u-"开头不会造成冲突请放心使用
  5. */
  6. /* 行为相关颜色 */
  7. $uni-color-primary: #007aff;
  8. $uni-color-success: #4cd964;
  9. $uni-color-warning: #f0ad4e;
  10. $uni-color-error: #dd524d;
  11. /* 文字基本颜色 */
  12. $uni-text-color: #333; //基本色
  13. $uni-text-color-inverse: #fff; //反色
  14. $uni-text-color-grey: #999; //辅助灰色,如加载更多的提示信息
  15. $uni-text-color-placeholder: #808080;
  16. $uni-text-color-disable: #c0c0c0;
  17. /* 背景颜色 */
  18. $uni-bg-color: #ffffff;
  19. $uni-bg-color-grey: #f8f8f8;
  20. $uni-bg-color-hover: #f1f1f1; //点击状态颜色
  21. $uni-bg-color-mask: rgba(0, 0, 0, 0.4); //遮罩颜色
  22. /* 边框颜色 */
  23. $uni-border-color: #c8c7cc;
  24. /* 尺寸变量 */
  25. /* 文字尺寸 */
  26. $uni-font-size-sm: 12px;
  27. $uni-font-size-base: 14px;
  28. $uni-font-size-lg: 16px;
  29. /* 图片尺寸 */
  30. $uni-img-size-sm: 20px;
  31. $uni-img-size-base: 26px;
  32. $uni-img-size-lg: 40px;
  33. /* Border Radius */
  34. $uni-border-radius-sm: 2px;
  35. $uni-border-radius-base: 3px;
  36. $uni-border-radius-lg: 6px;
  37. $uni-border-radius-circle: 50%;
  38. /* 水平间距 */
  39. $uni-spacing-row-sm: 5px;
  40. $uni-spacing-row-base: 10px;
  41. $uni-spacing-row-lg: 15px;
  42. /* 垂直间距 */
  43. $uni-spacing-col-sm: 4px;
  44. $uni-spacing-col-base: 8px;
  45. $uni-spacing-col-lg: 12px;
  46. /* 透明度 */
  47. $uni-opacity-disabled: 0.3; // 组件禁用态的透明度
  48. /* 文章场景相关 */
  49. $uni-color-title: #2c405a; // 文章标题颜色
  50. $uni-font-size-title: 20px;
  51. $uni-color-subtitle: #555555; // 二级标题颜色
  52. $uni-font-size-subtitle: 26px;
  53. $uni-color-paragraph: #3f536e; // 文章段落颜色
  54. $uni-font-size-paragraph: 15px;
  55. @import '@/uni_modules/uview-ui/theme.scss';
  56. .line-orange {
  57. width: 8rpx;
  58. height: 32rpx;
  59. background: #ff7a31;
  60. border-radius: 4rpx;
  61. }
  62. .se-bgc-ffd{
  63. background-color: #FFDFDB;
  64. }
  65. /* fix uview */
  66. $u-primary: #1678ff;
  67. uni-modal {
  68. z-index: 9999;
  69. .uni-modal {
  70. max-width: 600rpx;
  71. width: 600rpx;
  72. border-radius: 15.38rpx;
  73. padding: 20rpx 20rpx 50rpx 20rpx;
  74. .uni-modal__hd {
  75. font-weight: 500;
  76. padding: 20rpx 10rpx 30rpx 10rpx;
  77. color: #666666;
  78. .uni-modal__title{
  79. font-size: 32rpx;
  80. }
  81. }
  82. .uni-modal__bd {
  83. padding:0rpx 10rpx 60rpx 10rpx;
  84. color: #000000;
  85. line-height: 38rpx;
  86. font-size: 24rpx;
  87. }
  88. .uni-modal__ft{
  89. height: 70rpx;
  90. line-height: 65rpx;
  91. padding: 0rpx 20rpx 0rpx 20rpx;
  92. .uni-modal__btn {
  93. font-size: 24rpx;
  94. border: 2rpx solid $u-primary;
  95. color: $u-primary;
  96. border-radius: 12rpx;
  97. &::after {
  98. border-left: 0px solid #ffffff;
  99. }
  100. }
  101. .uni-modal__btn_default{
  102. color: $u-primary !important;
  103. }
  104. .uni-modal__btn_primary{
  105. color: #ffffff !important;
  106. background-color: $u-primary;
  107. }
  108. .uni-modal__btn+.uni-modal__btn{
  109. margin-left: 30rpx;
  110. }
  111. }
  112. .uni-modal__ft:after {
  113. border-top: 0rpx solid #fff;
  114. }
  115. .uni-modal__textarea{
  116. margin: 20rpx;
  117. font-size: 14px;
  118. height: 140px;
  119. border-radius: 10px;
  120. background: #f5f5f5;
  121. }
  122. }
  123. }
  124. .se-grid {
  125. display: grid;
  126. grid-template-columns: 1fr 1fr 1fr;
  127. gap: 10rpx;
  128. }
  129. .se-grid-2 {
  130. display: grid;
  131. grid-template-columns: 1fr 1fr;
  132. gap: 20rpx;
  133. padding: 20rpx;
  134. }