addspecialitem.qss 6.8 KB

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