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