Newer
Older
DH_Apicture / src / assets / styles / index.scss
@zhangqy zhangqy on 29 Nov 2 KB first commit
  1. @import './variables.module.scss';
  2. @import './mixin.scss';
  3. @import './transition.scss';
  4. @import './element-ui.scss';
  5. @import './sidebar.scss';
  6. @import './ruoyi.scss';
  7. @import './flex.scss';
  8. @import "./font.scss";
  9. @import "./dialog-detail.scss";
  10. body {
  11. height: 100%;
  12. margin: 0;
  13. -moz-osx-font-smoothing: grayscale;
  14. -webkit-font-smoothing: antialiased;
  15. text-rendering: optimizeLegibility;
  16. font-family:'SourceHanSansCN-Bold';
  17. }
  18.  
  19. label {
  20. font-weight: 700;
  21. }
  22.  
  23. html {
  24. height: 100%;
  25. box-sizing: border-box;
  26. }
  27.  
  28. #app {
  29. height: 100%;
  30. }
  31.  
  32. *,
  33. *:before,
  34. *:after {
  35. box-sizing: inherit;
  36. }
  37.  
  38. .no-padding {
  39. padding: 0px !important;
  40. }
  41.  
  42. .padding-content {
  43. padding: 4px 0;
  44. }
  45.  
  46. a:focus,
  47. a:active {
  48. outline: none;
  49. }
  50.  
  51. a,
  52. a:focus,
  53. a:hover {
  54. cursor: pointer;
  55. color: inherit;
  56. text-decoration: none;
  57. }
  58.  
  59. div:focus {
  60. outline: none;
  61. }
  62.  
  63. .fr {
  64. float: right;
  65. }
  66.  
  67. .fl {
  68. float: left;
  69. }
  70.  
  71. .pr-5 {
  72. padding-right: 5px;
  73. }
  74.  
  75. .pl-5 {
  76. padding-left: 5px;
  77. }
  78.  
  79. .block {
  80. display: block;
  81. }
  82.  
  83. .pointer {
  84. cursor: pointer;
  85. color: #5796ff;
  86. }
  87.  
  88. .inlineBlock {
  89. display: block;
  90. }
  91.  
  92. .clearfix {
  93. &:after {
  94. visibility: hidden;
  95. display: block;
  96. font-size: 0;
  97. content: ' ';
  98. clear: both;
  99. height: 0;
  100. }
  101. }
  102.  
  103. aside {
  104. background: #eef1f6;
  105. padding: 8px 24px;
  106. margin-bottom: 20px;
  107. border-radius: 2px;
  108. display: block;
  109. line-height: 32px;
  110. font-size: 16px;
  111. font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans',
  112. 'Helvetica Neue', sans-serif;
  113. color: #2c3e50;
  114. -webkit-font-smoothing: antialiased;
  115. -moz-osx-font-smoothing: grayscale;
  116.  
  117. a {
  118. color: #337ab7;
  119. cursor: pointer;
  120.  
  121. &:hover {
  122. color: rgb(32, 160, 255);
  123. }
  124. }
  125. }
  126.  
  127. //main-container全局样式
  128. .app-container {
  129. padding: 20px;
  130. }
  131.  
  132. .components-container {
  133. margin: 30px 50px;
  134. position: relative;
  135. }
  136.  
  137. .pagination-container {
  138. margin-top: 30px;
  139. margin-bottom: 30px;
  140. }
  141.  
  142. .text-center {
  143. text-align: center;
  144. }
  145.  
  146. .sub-navbar {
  147. height: 50px;
  148. line-height: 50px;
  149. position: relative;
  150. width: 100%;
  151. text-align: right;
  152. padding-right: 20px;
  153. transition: 600ms ease position;
  154. background: linear-gradient(
  155. 90deg,
  156. rgba(32, 182, 249, 1) 0%,
  157. rgba(32, 182, 249, 1) 0%,
  158. rgba(33, 120, 241, 1) 100%,
  159. rgba(33, 120, 241, 1) 100%
  160. );
  161.  
  162. .subtitle {
  163. font-size: 20px;
  164. color: #fff;
  165. }
  166.  
  167. &.draft {
  168. background: #d0d0d0;
  169. }
  170.  
  171. &.deleted {
  172. background: #d0d0d0;
  173. }
  174. }
  175.  
  176. .link-type,
  177. .link-type:focus {
  178. color: #337ab7;
  179. cursor: pointer;
  180.  
  181. &:hover {
  182. color: rgb(32, 160, 255);
  183. }
  184. }
  185.  
  186. .filter-container {
  187. padding-bottom: 10px;
  188.  
  189. .filter-item {
  190. display: inline-block;
  191. vertical-align: middle;
  192. margin-bottom: 10px;
  193. }
  194. }
  195.  
  196. //refine vue-multiselect plugin
  197. .multiselect {
  198. line-height: 16px;
  199. }
  200.  
  201. .multiselect--active {
  202. z-index: 1000 !important;
  203. }
  204. .tableLineMonitor {
  205. display: flex;
  206. justify-content: flex-end;
  207. margin-bottom: 5px;
  208. .el-icon {
  209. font-size: 26px;
  210. color: #5796ff;
  211. margin-right: 15px;
  212. cursor: pointer;
  213. }
  214. }