Showing
1 changed file
with
0 additions
and
193 deletions
1 | 1 | <template> |
2 | - <!-- <div :class="prefixCls" class="relative w-full h-full px-4"> | |
3 | - <AppLocalePicker | |
4 | - class="absolute text-white top-4 right-4 enter-x xl:text-gray-600" | |
5 | - :showText="false" | |
6 | - v-if="!sessionTimeout && showLocale" | |
7 | - /> | |
8 | - <AppDarkModeToggle class="absolute top-3 right-7 enter-x" v-if="!sessionTimeout" /> | |
9 | - | |
10 | - <span class="-enter-x xl:hidden"> | |
11 | - <AppLogo :alwaysShowTitle="true" /> | |
12 | - </span> --> | |
13 | - | |
14 | - <!-- <div class="container relative h-full py-2 mx-auto sm:px-10"> | |
15 | - <div class="flex h-full"> | |
16 | - <div class="hidden min-h-full pl-4 mr-4 xl:flex xl:flex-col xl:w-6/12"> | |
17 | - <AppLogo class="-enter-x" /> | |
18 | - <div class="my-auto"> | |
19 | - <img :alt="title" src="../../../assets/images/iot.png" class="w-4/5 -mt-16 -enter-x" /> | |
20 | - <div class="mt-10 font-medium text-white -enter-x"> | |
21 | - <span class="inline-block mt-4 text-3xl"> {{ t('sys.login.signInTitle') }}</span> | |
22 | - </div> | |
23 | - <div class="mt-5 font-normal text-white text-md dark:text-gray-500 -enter-x"> | |
24 | - {{ t('sys.login.signInDesc') }} | |
25 | - </div> | |
26 | - </div> | |
27 | - </div> | |
28 | - <div class="flex w-full h-full py-5 xl:h-auto xl:py-0 xl:my-0 xl:w-6/12"> | |
29 | - <div | |
30 | - :class="`${prefixCls}-form`" | |
31 | - class=" | |
32 | - relative | |
33 | - w-full | |
34 | - px-5 | |
35 | - py-8 | |
36 | - mx-auto | |
37 | - my-auto | |
38 | - rounded-md | |
39 | - shadow-md | |
40 | - xl:ml-16 xl:bg-transparent | |
41 | - sm:px-8 | |
42 | - xl:p-4 xl:shadow-none | |
43 | - sm:w-3/4 | |
44 | - lg:w-2/4 | |
45 | - xl:w-auto | |
46 | - enter-x | |
47 | - " | |
48 | - > | |
49 | - <LoginForm /> | |
50 | - <ForgetPasswordForm /> | |
51 | - <RegisterForm /> | |
52 | - <MobileForm /> | |
53 | - <QrCodeForm /> | |
54 | - </div> | |
55 | - </div> | |
56 | - </div> | |
57 | - </div> --> | |
58 | - <!-- </div> --> | |
59 | 2 | <div class="login-page"> |
60 | 3 | <div class="login-header" :style="{ backgroundColor: isDark ? '#1d3794' : '#22283a' }"> |
61 | 4 | <AppLogo |
... | ... | @@ -152,142 +95,6 @@ |
152 | 95 | @logo-prefix-cls: ~'@{namespace}-app-logo'; |
153 | 96 | @countdown-prefix-cls: ~'@{namespace}-countdown-input'; |
154 | 97 | @dark-bg: #293146; |
155 | - | |
156 | - // html[data-theme='dark'] { | |
157 | - // .@{prefix-cls} { | |
158 | - // background-color: @dark-bg; | |
159 | - | |
160 | - // &::before { | |
161 | - // background-image: url(/@/assets/svg/login-bg-dark.svg); | |
162 | - // } | |
163 | - | |
164 | - // .ant-input, | |
165 | - // .ant-input-password { | |
166 | - // background-color: #232a3b; | |
167 | - // } | |
168 | - | |
169 | - // .ant-btn:not(.ant-btn-link):not(.ant-btn-primary) { | |
170 | - // border: 1px solid #4a5569; | |
171 | - // } | |
172 | - | |
173 | - // &-form { | |
174 | - // background: transparent !important; | |
175 | - // } | |
176 | - | |
177 | - // .app-iconify { | |
178 | - // color: #fff; | |
179 | - // } | |
180 | - // } | |
181 | - | |
182 | - // input.fix-auto-fill, | |
183 | - // .fix-auto-fill input { | |
184 | - // -webkit-text-fill-color: #c9d1d9 !important; | |
185 | - // box-shadow: inherit !important; | |
186 | - // } | |
187 | - // } | |
188 | - | |
189 | - // .@{prefix-cls} { | |
190 | - // min-height: 100%; | |
191 | - // overflow: hidden; | |
192 | - // @media (max-width: @screen-xl) { | |
193 | - // background-color: #293146; | |
194 | - | |
195 | - // .@{prefix-cls}-form { | |
196 | - // background-color: #fff; | |
197 | - // } | |
198 | - // } | |
199 | - | |
200 | - // &::before { | |
201 | - // position: absolute; | |
202 | - // top: 0; | |
203 | - // left: 0; | |
204 | - // width: 100%; | |
205 | - // height: 100%; | |
206 | - // margin-left: -48%; | |
207 | - // background-image: url(/@/assets/images/bg.png); | |
208 | - // background-position: 100%; | |
209 | - // background-repeat: no-repeat; | |
210 | - // background-size: auto 100%; | |
211 | - // content: ''; | |
212 | - // @media (max-width: @screen-xl) { | |
213 | - // display: none; | |
214 | - // } | |
215 | - // } | |
216 | - | |
217 | - // .@{logo-prefix-cls} { | |
218 | - // position: absolute; | |
219 | - // top: 12px; | |
220 | - // height: 30px; | |
221 | - | |
222 | - // &__title { | |
223 | - // font-size: 16px; | |
224 | - // color: #fff; | |
225 | - // } | |
226 | - | |
227 | - // img { | |
228 | - // width: 32px; | |
229 | - // } | |
230 | - // } | |
231 | - | |
232 | - // .container { | |
233 | - // .@{logo-prefix-cls} { | |
234 | - // display: flex; | |
235 | - // width: 60%; | |
236 | - // height: 80px; | |
237 | - | |
238 | - // &__title { | |
239 | - // font-size: 24px; | |
240 | - // color: #fff; | |
241 | - // } | |
242 | - | |
243 | - // img { | |
244 | - // width: 48px; | |
245 | - // } | |
246 | - // } | |
247 | - // } | |
248 | - | |
249 | - // &-sign-in-way { | |
250 | - // .anticon { | |
251 | - // font-size: 22px; | |
252 | - // color: #888; | |
253 | - // cursor: pointer; | |
254 | - | |
255 | - // &:hover { | |
256 | - // color: @primary-color; | |
257 | - // } | |
258 | - // } | |
259 | - // } | |
260 | - | |
261 | - // input:not([type='checkbox']) { | |
262 | - // min-width: 360px; | |
263 | - | |
264 | - // @media (max-width: @screen-xl) { | |
265 | - // min-width: 320px; | |
266 | - // } | |
267 | - | |
268 | - // @media (max-width: @screen-lg) { | |
269 | - // min-width: 260px; | |
270 | - // } | |
271 | - | |
272 | - // @media (max-width: @screen-md) { | |
273 | - // min-width: 240px; | |
274 | - // } | |
275 | - | |
276 | - // @media (max-width: @screen-sm) { | |
277 | - // min-width: 160px; | |
278 | - // } | |
279 | - // } | |
280 | - | |
281 | - // .@{countdown-prefix-cls} input { | |
282 | - // min-width: unset; | |
283 | - // } | |
284 | - | |
285 | - // .ant-divider-inner-text { | |
286 | - // font-size: 12px; | |
287 | - // color: @text-color-secondary; | |
288 | - // } | |
289 | - // } | |
290 | - | |
291 | 98 | .light1 { |
292 | 99 | background-image: url('/src/assets/images/bg.png'); |
293 | 100 | } | ... | ... |