importtemplate.qss 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255
  1. QWidget
  2. {
  3. font-size: 14px;
  4. color: #D2D2D2;
  5. line-height: 21px;
  6. text-align: left;
  7. font-style: normal;
  8. }
  9. QWidget#widget
  10. {
  11. background: #464649;
  12. border-radius: 8px 8px 8px 8px;
  13. }
  14. QWidget#widget_Top
  15. {
  16. background: transparent;
  17. border-top-left-radius: 8px;
  18. border-top-right-radius: 8px;
  19. border-bottom-left-radius: 0px;
  20. border-bottom-right-radius: 0px;
  21. border-bottom: 1px solid rgba(255,255,255,0.15);
  22. }
  23. QLabel#label_title
  24. {
  25. font-weight: 500;
  26. font-size: 18px;
  27. color: #D2D2D2;
  28. line-height: 24px;
  29. text-align: left;
  30. font-style: normal;
  31. text-transform: none;
  32. }
  33. QPushButton#pBtn_close
  34. {
  35. /* border-image: url(:/ICON/ICON/Dialog_close.png); */
  36. background: transparent;
  37. border-radius: 4px;
  38. qproperty-icon: url(:/ICON/ICON/Close_Dark.png);
  39. qproperty-iconSize: 20px 20px;
  40. text-align: center;
  41. }
  42. QPushButton#pBtn_close[Hover = true]
  43. {
  44. /* border-image: url(:/ICON/ICON/Dialog_close2.png); */
  45. background: transparent;
  46. border-radius: 4px;
  47. qproperty-icon: url(:/ICON/ICON/Close_pass.png);
  48. qproperty-iconSize: 20px 20px;
  49. text-align: center;
  50. border: 1px solid #438EFF;
  51. }
  52. /********* 普通方框按钮三种状态效果 *********/
  53. QPushButton#pBtn_cancel:enabled
  54. {
  55. text-align: center;
  56. color: #EBEBEB;
  57. border: 1px solid rgba(255,255,255,0.25);
  58. border-radius: 16px;
  59. background: transparent;
  60. }
  61. QPushButton#pBtn_cancel:hover
  62. {
  63. text-align: center;
  64. color: #EBEBEB;
  65. border: 1px solid rgba(255,255,255,0.25);
  66. border-radius: 16px;
  67. background: rgba(0,0,0,0.15);
  68. }
  69. /********* 带有底色按钮三种状态效果 *********/
  70. QPushButton#pBtn_ok
  71. {
  72. border-radius: 16px;
  73. text-align: center;
  74. color:white;
  75. background: #438EFF;
  76. border-radius: 16px;
  77. }
  78. QPushButton#pBtn_ok:hover
  79. {
  80. border-radius: 16px;
  81. text-align: center;
  82. color:white;
  83. background: #5F9EFF;
  84. border-radius: 16px;
  85. }
  86. /* ==========================================================
  87. * QTableWidget
  88. * ========================================================== */
  89. QTableWidget
  90. {
  91. background: transparent;
  92. padding-left: 16px;
  93. border: 0px solid #E6E9F4;
  94. text-align: left;
  95. }
  96. /* 设置标题栏,如果不生效,可能是在UI里面设置了样式表,导致冲突了 */
  97. QTableWidget QHeaderView
  98. {
  99. background: transparent;
  100. }
  101. QTableWidget QHeaderView::section
  102. {
  103. background: transparent;
  104. padding-left: 16px;
  105. font-weight: 500;
  106. font-size: 14px;
  107. color: #D2D2D2;
  108. border: 0px solid #E6E9F4;
  109. border-top: 1px solid rgba(255,255,255,0.15);
  110. border-bottom: 1px solid rgba(255,255,255,0.15);
  111. }
  112. QTableWidget::item
  113. {
  114. padding-left: 16px;
  115. padding-right: 0px;
  116. padding-top: 0px;
  117. padding-bottom: 0px;
  118. margin: 0px;
  119. text-align: left;
  120. border: 0px solid #E6E9F4;
  121. }
  122. QTableWidget::item:selected
  123. {
  124. color: #EBEBEB;
  125. background: #438EFF;
  126. }
  127. /* ==========================================================
  128. * QCheckBox
  129. * ========================================================== */
  130. QCheckBox
  131. {
  132. background: transparent;
  133. font-weight: 400;
  134. font-size: 14px;
  135. color: #B1B3B4;
  136. text-align: left;
  137. font-style: normal;
  138. text-transform: none;
  139. /* padding-left: 16px; */
  140. }
  141. QCheckBox::indicator
  142. {
  143. width: 20px; /* 勾选框的宽度 */
  144. height: 20px; /* 勾选框的高度 */
  145. border: 0px solid #B3C0E7; /* 勾选框的边框颜色和宽度 */
  146. background: transparent; /* 勾选框的背景颜色 */
  147. border-radius: 2px; /* 可选:设置圆角 */
  148. }
  149. QCheckBox::indicator:unchecked
  150. {
  151. background: transparent; /* 未选中状态的背景颜色 */
  152. border-image: url(:/ICON/ICON/CheckBox_UnChecked.png); /* 未选中状态的图标 */
  153. }
  154. /* 半选中 */
  155. QCheckBox::indicator:indeterminate
  156. {
  157. background: transparent; /* 未选中状态的背景颜色 */
  158. border-image: url(:/ICON/ICON/CheckBox_PartiallyChecked.png); /* 未选中状态的图标 */
  159. }
  160. QCheckBox::indicator:checked
  161. {
  162. background: transparent; /* 选中状态的背景颜色 */
  163. border: 0px solid #438EFF; /* 选中状态的边框颜色 */
  164. border-image: url(:/ICON/ICON/CheckBox_Checked.png); /* 选中状态的图标 */
  165. }
  166. /*===============================================================
  167. * QScrollBar 滚动条
  168. ================================================================*/
  169. /* 设置 QTableWidget 的水平和垂直滚动条的基础样式。 */
  170. QScrollBar:horizontal, QScrollBar:vertical
  171. {
  172. border:none;
  173. /* background-color: rgba(255, 255, 255, 0); */
  174. background: transparent;
  175. margin: 0px 0px 0px 0px;
  176. }
  177. QScrollBar:horizontal
  178. {
  179. height: 12px;
  180. }
  181. QScrollBar:vertical
  182. {
  183. width: 6px;
  184. }
  185. /* 定义滚动条滑块的样式,包括颜色、圆角和最小宽度/高度 */
  186. QScrollBar::handle:horizontal,QScrollBar::handle:vertical
  187. {
  188. /* background: #E2E2E2; */
  189. background: #505357;
  190. border-radius: 3px;
  191. min-width: 8px;
  192. }
  193. QScrollBar::handle:horizontal
  194. {
  195. min-width: 8px;
  196. }
  197. QScrollBar::handle:vertical
  198. {
  199. min-height: 113px;
  200. }
  201. /* 定义滚动条的上下箭头的样式,包括背景颜色和边框 */
  202. QScrollBar::add-line:horizontal, QScrollBar::sub-line:horizontal,
  203. QScrollBar::add-line:vertical, QScrollBar::sub-line:vertical
  204. {
  205. background-color: transparent;
  206. border: none;
  207. }
  208. /* 定义滚动条的上下箭头的样式,包括背景颜色和边框 */
  209. QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal,
  210. QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical
  211. {
  212. background-color: transparent;
  213. background: none;
  214. }