checkperiodwidget.qss 7.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377
  1. QWidget#widget_top, #widget_detectPlan, #widget_noDetectPlan
  2. {
  3. background-color: #FFFFFF;
  4. }
  5. QWidget#widget_detectPlan,#widget_noDetectPlan
  6. {
  7. border-bottom: 1px solid #E9E9E9;
  8. }
  9. /* ==========================================================
  10. * QLabel
  11. * ========================================================== */
  12. QLabel
  13. {
  14. font-weight: 400;
  15. font-size: 14px;
  16. color: #3A3F63;
  17. }
  18. QLabel#label_tipIcon1 ,#label_tipIcon2
  19. {
  20. image: url(:/icon/tip.png);
  21. }
  22. QLabel#label_tip1, #label_tip2
  23. {
  24. color: rgba(58,63,99,0.8);
  25. }
  26. QLabel#label_detectPlan, #label_noDetectPlan
  27. {
  28. font-weight: 500;
  29. font-size: 16px;
  30. }
  31. /* ==========================================================
  32. * QPushButton
  33. * ========================================================== */
  34. QPushButton
  35. {
  36. font-weight: 500;
  37. font-size: 14px;
  38. text-align: center;
  39. }
  40. /* QPushButton#pBtn_close
  41. {
  42. background: transparent;
  43. border-radius: 4px;
  44. qproperty-icon: url(:/ICON/ICON/Close_Light.png);
  45. qproperty-iconSize: 20px 20px;
  46. }
  47. QPushButton#pBtn_close[Hover = true]
  48. {
  49. background: transparent;
  50. border-radius: 4px;
  51. qproperty-icon: url(:/ICON/ICON/Close_pass.png);
  52. qproperty-iconSize: 20px 20px;
  53. border: 1px solid #4458FE;
  54. } */
  55. /********* 普通椭圆按钮三种状态效果 *********/
  56. /* QPushButton#pBtn_cancel, #pBtn_saveTotemplate
  57. {
  58. background: transparent;
  59. color: #3A3F63;
  60. border: 1px solid #E6E9F4;
  61. border-radius: 16px;
  62. }
  63. QPushButton#pBtn_cancel:hover, #pBtn_saveTotemplate:hover
  64. {
  65. background: transparent;
  66. color: #4458FE;
  67. border: 1px solid #4458FE;
  68. border-radius: 16px;
  69. } */
  70. /********* 带有底色椭圆按钮三种状态效果 *********/
  71. /* QPushButton#pBtn_ok
  72. {
  73. color:white;
  74. background: qlineargradient( x0:1,x1:1,y1:0,y2:0,stop:1 #4F8AFF,stop:0 #4B5EFF);
  75. border-radius: 16px;
  76. }
  77. QPushButton#pBtn_ok:hover
  78. {
  79. color:white;
  80. background: qlineargradient( x0:1,x1:1,y1:0,y2:0,stop:0 #5D73FF,stop:1 #6092FF);
  81. border-radius: 16px;
  82. } */
  83. /********* 普通方框按钮三种状态效果 *********/
  84. QPushButton#pBtn_restore
  85. {
  86. background: transparent;
  87. color: #3A3F63;
  88. border: 1px solid #E6E9F4;
  89. border-radius: 4px;
  90. }
  91. QPushButton#pBtn_restore:hover
  92. {
  93. background: transparent;
  94. color: #4458FE;
  95. border: 1px solid #4458FE;
  96. border-radius: 4px;
  97. }
  98. /********* 带有底色方框按钮三种状态效果 *********/
  99. QPushButton#pBtn_addDetectPlan, #pBtn_addNoDetectPlan
  100. {
  101. color:white;
  102. background: qlineargradient( x0:1,x1:1,y1:0,y2:0,stop:1 #4F8AFF,stop:0 #4B5EFF);
  103. border-radius: 4px;
  104. }
  105. QPushButton#pBtn_addDetectPlan:hover, #pBtn_addNoDetectPlan:hover
  106. {
  107. color:white;
  108. background: qlineargradient( x0:1,x1:1,y1:0,y2:0,stop:0 #5D73FF,stop:1 #6092FF);
  109. border-radius: 4px;
  110. }
  111. /* ==========================================================
  112. * QCheckBox
  113. * ========================================================== */
  114. QCheckBox
  115. {
  116. font-weight: 400;
  117. font-size: 14px;
  118. color: #3A3F63;
  119. }
  120. QCheckBox::indicator
  121. {
  122. width: 16px;
  123. height: 16px;
  124. }
  125. QCheckBox::indicator:unchecked
  126. {
  127. image: url(:/icon/unchecked.png);
  128. }
  129. QCheckBox::indicator:checked
  130. {
  131. image: url(:/icon/checked.png);
  132. }
  133. /* ==========================================================
  134. * QComboBox(这个是在用的)
  135. * ========================================================== */
  136. QComboBox:enabled
  137. {
  138. background-color:#FFFFFF;
  139. border: 1px solid #E6E9F4;
  140. border-radius: 4px;
  141. font-size:14px;
  142. font-weight: 400;
  143. color:#3A3F63;
  144. padding-left: 12px;
  145. }
  146. /* 不能编辑的时候的样式,setEnable(false) */
  147. QComboBox:!enabled
  148. {
  149. background:rgba(0,0,0,0.04);
  150. border: 1px solid #E6E9F4;
  151. border-radius: 4px;
  152. font-size:14px;
  153. font-weight: 400;
  154. color:rgba(58,63,99,0.65);
  155. padding-left: 12px;
  156. }
  157. QComboBox:hover
  158. {
  159. border: 1px solid #4458FE;
  160. border-radius: 4px;
  161. background:transparent;
  162. }
  163. /* 下拉箭头所在的位置方框 */
  164. QComboBox::drop-down
  165. {
  166. width: 24px;
  167. border: none;
  168. }
  169. /* 下拉箭头图标 */
  170. QComboBox::down-arrow
  171. {
  172. image: url(:/icon/down_arrow.png);
  173. height:16px;
  174. width:16px;
  175. }
  176. /* 下拉条样式,就是view,整个下拉窗体的样式 */
  177. QComboBox QAbstractItemView
  178. {
  179. background-color: #FFFFFF;
  180. margin: 12px;
  181. outline:0px;
  182. font-size:14px;
  183. color: #3A3F63;
  184. border-radius: 4px;
  185. }
  186. /* 使下面两句生效,需要加上如下语句 */
  187. /* m_comBoxDev->setView(new QListView()); */
  188. QComboBox QAbstractItemView::item
  189. {
  190. background-color: #FFFFFF;
  191. border-radius:4px;
  192. color: #3A3F63;
  193. padding-left: 12px;
  194. height: 32px;
  195. }
  196. QComboBox QAbstractItemView::item:hover
  197. {
  198. border-radius:4px;
  199. background-color: #EEF2FF;
  200. }
  201. /******** combobox 滚动条 *********/
  202. /*主体部分*/
  203. QComboBox QScrollBar::vertical
  204. {
  205. width:8px;
  206. background:transparent;
  207. border:none;
  208. border-radius:5px;
  209. }
  210. /*滑块主体*/
  211. QComboBox QScrollBar::handle::vertical
  212. {
  213. width: 8px;
  214. background: #E2E2E2;
  215. border-radius: 3px;
  216. min-width: 8px;
  217. }
  218. QComboBox QScrollBar::handle::vertical::hover
  219. {
  220. background:transparent;
  221. }
  222. /*上箭头*/
  223. QComboBox QScrollBar::add-line::vertical
  224. {
  225. border:none;
  226. }
  227. /*下箭头*/
  228. QComboBox QScrollBar::sub-line::vertical
  229. {
  230. border:none;
  231. }
  232. /* ==========================================================
  233. * QListWidget
  234. * ========================================================== */
  235. QListWidget
  236. {
  237. background: transparent;
  238. border: none;
  239. padding: 0px;
  240. outline: none;
  241. }
  242. QListWidget::item
  243. {
  244. background: transparent;
  245. border: none;
  246. padding: 0px;
  247. }
  248. QListWidget::item:hover
  249. {
  250. background: #EEF2FF;
  251. }
  252. QListWidget::item:selected
  253. {
  254. background: #EEF2FF;
  255. color: #4458FE;
  256. }
  257. /******** QListWidget 滚动条 *********/
  258. /*主体部分*/
  259. QListWidget QScrollBar::vertical
  260. {
  261. width:8px;
  262. background:transparent;
  263. border:none;
  264. border-radius:5px;
  265. }
  266. /*滑块主体*/
  267. QListWidget QScrollBar::handle::vertical
  268. {
  269. width: 8px;
  270. background: #E2E2E2;
  271. border-radius: 3px;
  272. min-width: 8px;
  273. }
  274. QListWidget QScrollBar::handle::vertical::hover
  275. {
  276. background:transparent;
  277. }
  278. /*上箭头*/
  279. QListWidget QScrollBar::add-line::vertical
  280. {
  281. border:none;
  282. }
  283. /*下箭头*/
  284. QListWidget QScrollBar::sub-line::vertical
  285. {
  286. border:none;
  287. }
  288. /* ==========================================================
  289. * QScrollArea
  290. * ========================================================== */
  291. QScrollArea, QWidget#scrollArea_detectPlans
  292. {
  293. background: #FFFFFF !important;
  294. border: none;
  295. }
  296. QScrollBar:vertical
  297. {
  298. width: 6px;
  299. border:none;
  300. background: transparent;
  301. margin-right: 0px;
  302. }
  303. QScrollBar::add-line:vertical, QScrollBar::sub-line:vertical
  304. {
  305. background: transparent;
  306. border: none;
  307. }
  308. QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical
  309. {
  310. background: transparent;
  311. }
  312. QScrollBar::handle:vertical
  313. {
  314. background: #E2E2E2;
  315. border-radius: 1px;
  316. margin-right: 1px;
  317. margin-left: 1px;
  318. }
  319. QScrollBar::handle:vertical:hover
  320. {
  321. background: rgb(234, 234, 234);
  322. margin-right: 0px;
  323. margin-left: 0px;
  324. border-radius: 2px;
  325. }
  326. QScrollBar::handle:vertical:pressed
  327. {
  328. background: rgb(234, 234, 234);
  329. margin-right: 0px;
  330. margin-left: 0px;
  331. border-radius: 2px;
  332. }