简柏林 / thingskit-front · Commits

Commit 734ffd8560574d0284cb66f7c18bcc63485637a2

Authored by sqy
1 parent 0306c83e

'fix:修复合并的失败的登录bug'

Inline Side-by-side
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 }