warningconfIginfo.wxss 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. .name,.temperature{
  2. padding: 30rpx;
  3. display: flex;
  4. justify-content: space-between;
  5. background: #fff;
  6. }
  7. .name > view{
  8. color: #999;
  9. text-align: right;
  10. }
  11. .temperature{
  12. align-items: center;
  13. border-top: 2.5rpx solid #F5F5F5;
  14. }
  15. .temperature > view {
  16. width: 70%;
  17. display: flex;
  18. align-items: center;
  19. }
  20. .temperature > view >input{
  21. text-align: center;
  22. height: 22rpx;
  23. line-height: 22rpx;
  24. border: 2.5rpx solid #E5E5E5;
  25. }
  26. .temperature > view >view{
  27. color: #e5e5e5;
  28. padding: 0 15rpx;
  29. }
  30. .foot{
  31. text-align: center;
  32. padding: 30rpx;
  33. position: fixed;
  34. bottom: 0;
  35. width: 100%;
  36. background-color: var(--color);
  37. color: #fff;
  38. }
  39. .submit{
  40. width: 100%;
  41. padding: 30rpx 0 !important;
  42. background-color: #fff;
  43. margin-bottom: 150rpx;
  44. display: flex;
  45. align-items: center;
  46. justify-content: center;
  47. }
  48. .submit image{
  49. width: 40rpx;
  50. height: 40rpx;
  51. margin-right: 25rpx;
  52. }
  53. .scrollText{
  54. display: flex;
  55. }
  56. .edit,.del{
  57. width: 180rpx;
  58. /* line-height: 107px; */
  59. flex-grow: 0;
  60. color: #fff;
  61. padding: 73% 0;
  62. text-align: center;
  63. }
  64. .del{
  65. background-color: #fe3e2f;
  66. }
  67. .edit{
  68. background-color: var(--color);
  69. }
  70. .warningList{
  71. display: flex;
  72. background-color: #fff;
  73. margin-bottom: 25rpx;
  74. }
  75. .warningList .info{
  76. width: 100%;
  77. display: flex;
  78. justify-content: space-between;
  79. margin-left: -180rpx;
  80. background-color: #fff;
  81. flex-direction: column;
  82. }
  83. .warningList .info ,.warningList .del,.warningList .edit{
  84. transform: translateX(180rpx);
  85. transition: all 0.4s;
  86. }
  87. .touch-move-active .info,.touch-move-active .del,.touch-move-active .edit {
  88. -webkit-transform: translateX(0);
  89. transform: translateX(0);
  90. }