basicwidget.qss 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268
  1. QWidget#widget
  2. {
  3. background: transparent;
  4. border-bottom: 1px solid #E9E9E9;
  5. }
  6. QLabel
  7. {
  8. font-weight: 400;
  9. font-size: 14px;
  10. color: #3A3F63;
  11. }
  12. QLabel#label_tip
  13. {
  14. font-weight: 400;
  15. font-size: 14px;
  16. color: rgba(58,63,99,0.8);
  17. line-height: 21px;
  18. text-align: left;
  19. font-style: normal;
  20. }
  21. /* ==========================================================
  22. * QLineEdit
  23. * ========================================================== */
  24. QLineEdit
  25. {
  26. background: #FFFFFF;
  27. border-radius: 4px;
  28. border: 1px solid #E6E9F4;
  29. padding-left: 12px;
  30. font-weight: 400;
  31. font-size: 14px;
  32. color: #3A3F63;
  33. }
  34. QLineEdit:hover,QLineEdit:focus
  35. {
  36. border: 1px solid #4458FE;
  37. }
  38. /* ==========================================================
  39. * QPushButton
  40. * ========================================================== */
  41. QPushButton
  42. {
  43. font-weight: 500;
  44. font-size: 14px;
  45. text-align: center;
  46. }
  47. /* QPushButton#pBtn_close
  48. {
  49. background: transparent;
  50. border-radius: 4px;
  51. qproperty-icon: url(:/ICON/ICON/Close_Light.png);
  52. qproperty-iconSize: 20px 20px;
  53. }
  54. QPushButton#pBtn_close[Hover = true]
  55. {
  56. background: transparent;
  57. border-radius: 4px;
  58. qproperty-icon: url(:/ICON/ICON/Close_pass.png);
  59. qproperty-iconSize: 20px 20px;
  60. border: 1px solid #4458FE;
  61. } */
  62. /********* 普通椭圆按钮三种状态效果 *********/
  63. /* QPushButton#pBtn_cancel, #pBtn_saveTotemplate
  64. {
  65. background: transparent;
  66. color: #3A3F63;
  67. border: 1px solid #E6E9F4;
  68. border-radius: 16px;
  69. }
  70. QPushButton#pBtn_cancel:hover, #pBtn_saveTotemplate:hover
  71. {
  72. background: transparent;
  73. color: #4458FE;
  74. border: 1px solid #4458FE;
  75. border-radius: 16px;
  76. } */
  77. /********* 带有底色椭圆按钮三种状态效果 *********/
  78. /* QPushButton#pBtn_ok
  79. {
  80. color:white;
  81. background: qlineargradient( x0:1,x1:1,y1:0,y2:0,stop:1 #4F8AFF,stop:0 #4B5EFF);
  82. border-radius: 16px;
  83. }
  84. QPushButton#pBtn_ok:hover
  85. {
  86. color:white;
  87. background: qlineargradient( x0:1,x1:1,y1:0,y2:0,stop:0 #5D73FF,stop:1 #6092FF);
  88. border-radius: 16px;
  89. } */
  90. /********* 普通方框按钮三种状态效果 *********/
  91. QPushButton#pBtn_compareItem, #pBtn_restore
  92. {
  93. background: transparent;
  94. color: #3A3F63;
  95. border: 1px solid #E6E9F4;
  96. border-radius: 4px;
  97. }
  98. QPushButton#pBtn_compareItem:hover, #pBtn_restore:hover
  99. {
  100. background: transparent;
  101. color: #4458FE;
  102. border: 1px solid #4458FE;
  103. border-radius: 4px;
  104. }
  105. /********* 带有底色方框按钮三种状态效果 *********/
  106. /* QPushButton#pBtn_addPlan
  107. {
  108. color:white;
  109. background: qlineargradient( x0:1,x1:1,y1:0,y2:0,stop:1 #4F8AFF,stop:0 #4B5EFF);
  110. border-radius: 4px;
  111. }
  112. QPushButton#pBtn_addPlan:hover
  113. {
  114. color:white;
  115. background: qlineargradient( x0:1,x1:1,y1:0,y2:0,stop:0 #5D73FF,stop:1 #6092FF);
  116. border-radius: 4px;
  117. } */
  118. /* ==========================================================
  119. * QComboBox(这个是在用的)
  120. * ========================================================== */
  121. QComboBox:enabled
  122. {
  123. background-color:#FFFFFF;
  124. border: 1px solid #E6E9F4;
  125. border-radius: 4px;
  126. font-size:14px;
  127. font-weight: 400;
  128. color:#3A3F63;
  129. padding-left: 12px;
  130. }
  131. /* 不能编辑的时候的样式,setEnable(false) */
  132. QComboBox:!enabled
  133. {
  134. background:rgba(0,0,0,0.04);
  135. border: 1px solid #E6E9F4;
  136. border-radius: 4px;
  137. font-size:14px;
  138. font-weight: 400;
  139. color:rgba(58,63,99,0.65);
  140. padding-left: 12px;
  141. }
  142. QComboBox:hover
  143. {
  144. border: 1px solid #4458FE;
  145. border-radius: 4px;
  146. background:transparent;
  147. }
  148. /* 下拉箭头所在的位置方框 */
  149. QComboBox::drop-down
  150. {
  151. width: 24px;
  152. border: none;
  153. }
  154. /* 下拉箭头图标 */
  155. QComboBox::down-arrow
  156. {
  157. image: url(:/icon/down_arrow.png);
  158. height:16px;
  159. width:16px;
  160. }
  161. /* 下拉条样式,就是view,整个下拉窗体的样式 */
  162. QComboBox QAbstractItemView
  163. {
  164. background-color: #FFFFFF;
  165. margin: 12px;
  166. outline:0px;
  167. font-size:14px;
  168. color: #3A3F63;
  169. border-radius: 4px;
  170. }
  171. /* 使下面两句生效,需要加上如下语句 */
  172. /* m_comBoxDev->setView(new QListView()); */
  173. QComboBox QAbstractItemView::item
  174. {
  175. background-color: #FFFFFF;
  176. border-radius:4px;
  177. color: #3A3F63;
  178. padding-left: 12px;
  179. height: 32px;
  180. }
  181. QComboBox QAbstractItemView::item:hover
  182. {
  183. border-radius:4px;
  184. background-color: #EEF2FF;
  185. }
  186. /******** combobox 滚动条 *********/
  187. /*主体部分*/
  188. QComboBox QScrollBar::vertical
  189. {
  190. width:8px;
  191. background:transparent;
  192. border:none;
  193. border-radius:5px;
  194. }
  195. /*滑块主体*/
  196. QComboBox QScrollBar::handle::vertical
  197. {
  198. width: 8px;
  199. background: #E2E2E2;
  200. border-radius: 3px;
  201. min-width: 8px;
  202. }
  203. QComboBox QScrollBar::handle::vertical::hover
  204. {
  205. background:transparent;
  206. }
  207. /*上箭头*/
  208. QComboBox QScrollBar::add-line::vertical
  209. {
  210. border:none;
  211. }
  212. /*下箭头*/
  213. QComboBox QScrollBar::sub-line::vertical
  214. {
  215. border:none;
  216. }
  217. /* ==========================================================
  218. * QCheckBox
  219. * ========================================================== */
  220. QCheckBox
  221. {
  222. font-weight: 400;
  223. font-size: 14px;
  224. color: #3A3F63;
  225. }
  226. QCheckBox::indicator
  227. {
  228. width: 16px;
  229. height: 16px;
  230. }
  231. QCheckBox::indicator:unchecked
  232. {
  233. image: url(:/icon/unchecked.png);
  234. }
  235. QCheckBox::indicator:checked
  236. {
  237. image: url(:/icon/checked.png);
  238. }