Commit f40541a3daf21e8de7c3e15b28d56ba3bc7e1f6b
Merge branch 'sqy_dev' into 'main'
'fix:修复合并的失败的登录bug' See merge request huang/yun-teng-iot-front!23
Showing
1 changed file
with
0 additions
and
193 deletions
1 | <template> | 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 | <div class="login-page"> | 2 | <div class="login-page"> |
60 | <div class="login-header" :style="{ backgroundColor: isDark ? '#1d3794' : '#22283a' }"> | 3 | <div class="login-header" :style="{ backgroundColor: isDark ? '#1d3794' : '#22283a' }"> |
61 | <AppLogo | 4 | <AppLogo |
@@ -152,142 +95,6 @@ | @@ -152,142 +95,6 @@ | ||
152 | @logo-prefix-cls: ~'@{namespace}-app-logo'; | 95 | @logo-prefix-cls: ~'@{namespace}-app-logo'; |
153 | @countdown-prefix-cls: ~'@{namespace}-countdown-input'; | 96 | @countdown-prefix-cls: ~'@{namespace}-countdown-input'; |
154 | @dark-bg: #293146; | 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 | .light1 { | 98 | .light1 { |
292 | background-image: url('/src/assets/images/bg.png'); | 99 | background-image: url('/src/assets/images/bg.png'); |
293 | } | 100 | } |