addnormalitem.qss 6.0 KB

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