copytoother.qss 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233
  1. QWidget
  2. {
  3. font-size: 14px;
  4. color: #3A3F63;
  5. line-height: 21px;
  6. text-align: left;
  7. font-style: normal;
  8. }
  9. QWidget#widget
  10. {
  11. background: #FFFFFF;
  12. border-radius: 8px 8px 8px 8px;
  13. }
  14. QWidget#widget_Top
  15. {
  16. background: transparent;
  17. border-top-left-radius: 8px;
  18. border-top-right-radius: 8px;
  19. border-bottom-left-radius: 0px;
  20. border-bottom-right-radius: 0px;
  21. border-bottom: 1px solid #E6E9F4;
  22. }
  23. QWidget#widget_content
  24. {
  25. background: #FFFFFF;
  26. }
  27. QLabel#label_title
  28. {
  29. font-weight: 500;
  30. font-size: 18px;
  31. line-height: 24px;
  32. text-align: left;
  33. font-style: normal;
  34. text-transform: none;
  35. }
  36. QPushButton#pBtn_close
  37. {
  38. /* border-image: url(:/ICON/ICON/Dialog_close.png); */
  39. background: transparent;
  40. border-radius: 4px;
  41. qproperty-icon: url(:/ICON/ICON/Close_Light.png);
  42. qproperty-iconSize: 20px 20px;
  43. text-align: center;
  44. }
  45. QPushButton#pBtn_close[Hover = true]
  46. {
  47. /* border-image: url(:/ICON/ICON/Dialog_close2.png); */
  48. background: transparent;
  49. border-radius: 4px;
  50. qproperty-icon: url(:/ICON/ICON/Close_pass.png);
  51. qproperty-iconSize: 20px 20px;
  52. text-align: center;
  53. border: 1px solid #4458FE;
  54. }
  55. /********* 普通椭圆按钮三种状态效果 *********/
  56. QPushButton#pBtn_cancel
  57. {
  58. border-radius: 16px;
  59. text-align: center;
  60. background: #FFFFFF;
  61. border: 1px solid #E6E9F4;
  62. color: #3A3F63;
  63. }
  64. QPushButton#pBtn_cancel:hover
  65. {
  66. text-align: center;
  67. background: #FFFFFF;
  68. border-radius: 16px;
  69. border: 1px solid #4458FE;
  70. color: #4458FE;
  71. }
  72. /********* 带有底色按钮三种状态效果 *********/
  73. QPushButton#pBtn_ok
  74. {
  75. border-radius: 16px;
  76. text-align: center;
  77. color:white;
  78. background: qlineargradient( x0:1,x1:1,y1:0,y2:0,stop:1 #4F8AFF,stop:0 #4B5EFF);
  79. }
  80. QPushButton#pBtn_ok:hover
  81. {
  82. border-radius: 16px;
  83. text-align: center;
  84. color:white;
  85. background: qlineargradient( x0:1,x1:1,y1:0,y2:0,stop:0 #5D73FF,stop:1 #6092FF);
  86. }
  87. /* ==========================================================
  88. * QCheckBox
  89. * ========================================================== */
  90. /* 左下角和右下角是直角 */
  91. QCheckBox#checkBox_list
  92. {
  93. background: transparent;
  94. font-weight: 500;
  95. font-size: 16px;
  96. text-align: left;
  97. font-style: normal;
  98. text-transform: none;
  99. padding-left: 16px;
  100. border-top-left-radius: 4px;
  101. border-top-right-radius: 4px;
  102. border-bottom-left-radius: 0px;
  103. border-bottom-right-radius: 0px;
  104. border: 1px solid #E6E9F4;
  105. }
  106. QCheckBox
  107. {
  108. background: #FFFFFF;
  109. font-weight: 400;
  110. font-size: 14px;
  111. text-align: left;
  112. font-style: normal;
  113. text-transform: none;
  114. padding-left: 16px;
  115. }
  116. QCheckBox::indicator
  117. {
  118. width: 18px; /* 勾选框的宽度 */
  119. height: 18px; /* 勾选框的高度 */
  120. border: 0px solid #B3C0E7; /* 勾选框的边框颜色和宽度 */
  121. background: transparent; /* 勾选框的背景颜色 */
  122. border-radius: 2px; /* 可选:设置圆角 */
  123. }
  124. QCheckBox::indicator:unchecked
  125. {
  126. background: transparent; /* 未选中状态的背景颜色 */
  127. border-image: url(:/ICON/ICON/CheckBox_UnChecked.png); /* 未选中状态的图标 */
  128. }
  129. /* 半选中 */
  130. QCheckBox::indicator:indeterminate
  131. {
  132. background: transparent; /* 未选中状态的背景颜色 */
  133. border-image: url(:/ICON/ICON/CheckBox_PartiallyChecked.png); /* 未选中状态的图标 */
  134. }
  135. QCheckBox::indicator:checked
  136. {
  137. background: transparent; /* 选中状态的背景颜色 */
  138. border: 0px solid #4458FE; /* 选中状态的边框颜色 */
  139. border-image: url(:/ICON/ICON/CheckBox_Checked.png); /* 选中状态的图标 */
  140. }
  141. /*===============================================================
  142. * QScrollBar 滚动条
  143. ================================================================*/
  144. QScrollArea
  145. {
  146. background: transparent;
  147. border-top-left-radius: 0px;
  148. border-top-right-radius: 0px;
  149. border-bottom-left-radius: 4px;
  150. border-bottom-right-radius: 4px;
  151. border-left: 1px solid #E6E9F4;
  152. border-right: 1px solid #E6E9F4;
  153. border-bottom: 1px solid #E6E9F4;
  154. }
  155. /* 这里必须设置颜色,不然会显示灰白色 */
  156. QWidget#widget_spacer
  157. {
  158. background: #FFFFFF;
  159. }
  160. QScrollBar:horizontal, QScrollBar:vertical
  161. {
  162. border:none;
  163. background-color: rgba(255, 255, 255, 0);
  164. margin: 0px 0px 0px 0px;
  165. }
  166. QScrollBar:horizontal
  167. {
  168. height: 12px;
  169. }
  170. QScrollBar:vertical
  171. {
  172. width: 6px;
  173. }
  174. QScrollBar::handle:horizontal,QScrollBar::handle:vertical
  175. {
  176. background: #E2E2E2;
  177. border-radius: 3px;
  178. min-width: 8px;
  179. }
  180. QScrollBar::handle:horizontal
  181. {
  182. min-width: 8px;
  183. }
  184. QScrollBar::handle:vertical
  185. {
  186. min-height: 113px;
  187. }
  188. QScrollBar::add-line:horizontal, QScrollBar::sub-line:horizontal,
  189. QScrollBar::add-line:vertical, QScrollBar::sub-line:vertical
  190. {
  191. background-color: rgba(255, 255, 255, 0);
  192. border: none;
  193. }
  194. QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal,
  195. QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical
  196. {
  197. background-color: rgba(255, 255, 255, 0);
  198. background: none;
  199. }