sms.css 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. /**
  2. * 创建者:王成
  3. * 创建日期:2022年9月15日
  4. * 描述:短消息结果样式集 所有样式均以jt开头
  5. */
  6. /* 分析结果行样式 */
  7. .jt-sms-content-row {
  8. position: relative;
  9. height: 34px;
  10. line-height: 34px;
  11. color: rgb(255, 255, 255);
  12. font-size: 13px;
  13. display: flex;
  14. flex-direction: row;
  15. align-items: center;
  16. padding: 0px 5px;
  17. }
  18. /* 分析结果行底边框线样式 */
  19. .jt-sms-content-row::after {
  20. content: '';
  21. width: 100%;
  22. position: absolute;
  23. left: 20px;
  24. bottom: 0px;
  25. border-bottom: solid 1px rgba(203, 203, 203, 0.75);
  26. z-index: 20,
  27. }
  28. /* 干掉最有一条底部边框线 */
  29. .jt-sms-content-row-last::after {
  30. border-bottom: solid 0px red;
  31. }
  32. /* 分析结果编号样式 */
  33. .jt-sms-content-row .jt-icon {
  34. display: inline-block;
  35. height: 20px;
  36. width: 20px;
  37. line-height: 20px;
  38. font-size: 11px;
  39. border: solid 1px rgb(230, 230, 230);
  40. border-radius: 20px;
  41. color: rgb(146, 224, 212);
  42. font-weight: bold;
  43. background-color: rgba(255, 255, 255, 0);
  44. text-align: center;
  45. box-shadow: rgb(95, 150, 222) 0px 0px 10px inset;
  46. margin-left: 10px;
  47. }
  48. /* 分析结果面积值样式 */
  49. .jt-sms-content-row .jt-name {
  50. display: inline-block;
  51. width: 100px;
  52. text-align: center;
  53. padding-right: 10px;
  54. color: rgb(147, 224, 212);
  55. font-weight: bold;
  56. }
  57. /* 分析结果面积值样式 */
  58. .jt-sms-content-row .jt-mobile {
  59. display: inline-block;
  60. width: 100px;
  61. text-align: center;
  62. padding-right: 10px;
  63. color: rgb(255, 255, 0);
  64. font-weight: bold;
  65. }
  66. /* 分析结果标题样式 */
  67. .jt-sms-content-row .jt-message {
  68. display: inline-block;
  69. width: 100px;
  70. text-align: left;
  71. padding-right: 10px;
  72. flex: 1;
  73. font-family: 'TTTGB-Medium', sans-serif !important;
  74. }