登录页面自适应背景图优化

@@ -11,6 +11,7 @@ declare module 'vue' {
     ElBreadcrumbItem: typeof import('element-ui/lib/breadcrumb-item')['default']
     ElCarousel: typeof import('element-ui/lib/carousel')['default']
     ElCarouselItem: typeof import('element-ui/lib/carousel-item')['default']
+    ElCheckbox: typeof import('element-ui/lib/checkbox')['default']
     ElCol: typeof import('element-ui/lib/col')['default']
     ElCollapse: typeof import('element-ui/lib/collapse')['default']
     ElCollapseItem: typeof import('element-ui/lib/collapse-item')['default']

 <!--
  * @Date: 2024-09-26 13:42:11
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-10-21 16:39:49
+ * @LastEditTime: 2024-10-21 18:28:16
  * @FilePath: /hager/src/components/common/hagerHeader.vue
  * @Description: 文件描述
 -->
@@ -107,8 +107,8 @@
         <div @click="openMenu">
           <el-image style="width: auto; height: 0.65rem" src="https://cdn.ipadbiz.cn/hager/icon/%E8%8F%9C%E5%8D%95@2x.png" fit="fit"></el-image>&nbsp;
         </div>
-        <div>
-          <el-image style="height: 2rem;" src="https://cdn.ipadbiz.cn/hager/icon/logo@2x.png" fit="cover"></el-image>
+        <div style="display: flex; align-items: center;">
+          <img style="width: 5.3rem; height: 1.7rem" src="https://cdn.ipadbiz.cn/hager/icon/logo@2x.png">
         </div>
         <div>
           <el-image @click="goToWeb" style="width: 1rem; height: 1rem" src="https://cdn.ipadbiz.cn/hager/icon/%E8%AF%AD%E8%A8%80@2x.png" fit="fit"></el-image>&nbsp;&nbsp;

@@ -6,7 +6,7 @@
  * @Description: 文件描述
 -->
 <template>
-  <div class="hager-login-page">
+  <div :class="['hager-login-page', is_xs ? 'xs' : '']">
     <div class="input-title">用户登录</div>
     <div style="padding: 1rem 1.5rem 1rem 1rem;">
       <hagerInput type="email" required v-model="email" placeholder="请输入注册邮箱地址" />
@@ -59,6 +59,14 @@ export default {
 <style lang="less" scoped>
   .hager-login-page {
     padding: 2rem 0.5rem 0;
+    &.xs {
+      background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url('https://cdn.ipadbiz.cn/hager/img/user/l-bg.png');
+      background-size: 80% 50%;
+      background-position: bottom;
+      background-repeat: no-repeat;
+      padding-top: 0;
+      padding-bottom: 5rem;
+    }
     .input-title {
       color: @secondary-color;
       font-weight: bold;