addspecialitem.qss 6.1 KB

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