checkperiodwidget.qss 7.6 KB

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