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 | 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 | } | ... | ... |