Hooke / hager

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
819b5076 1 parent 1d2d2a3e

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

Inline Side-by-side
Showing 3 changed files with 13 additions and 4 deletions
...@@ -11,6 +11,7 @@ declare module 'vue' { ...@@ -11,6 +11,7 @@ declare module 'vue' {
11 ElBreadcrumbItem: typeof import('element-ui/lib/breadcrumb-item')['default'] 11 ElBreadcrumbItem: typeof import('element-ui/lib/breadcrumb-item')['default']
12 ElCarousel: typeof import('element-ui/lib/carousel')['default'] 12 ElCarousel: typeof import('element-ui/lib/carousel')['default']
13 ElCarouselItem: typeof import('element-ui/lib/carousel-item')['default'] 13 ElCarouselItem: typeof import('element-ui/lib/carousel-item')['default']
14 + ElCheckbox: typeof import('element-ui/lib/checkbox')['default']
14 ElCol: typeof import('element-ui/lib/col')['default'] 15 ElCol: typeof import('element-ui/lib/col')['default']
15 ElCollapse: typeof import('element-ui/lib/collapse')['default'] 16 ElCollapse: typeof import('element-ui/lib/collapse')['default']
16 ElCollapseItem: typeof import('element-ui/lib/collapse-item')['default'] 17 ElCollapseItem: typeof import('element-ui/lib/collapse-item')['default']
......
1 <!-- 1 <!--
2 * @Date: 2024-09-26 13:42:11 2 * @Date: 2024-09-26 13:42:11
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-10-21 16:39:49 4 + * @LastEditTime: 2024-10-21 18:28:16
5 * @FilePath: /hager/src/components/common/hagerHeader.vue 5 * @FilePath: /hager/src/components/common/hagerHeader.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
...@@ -107,8 +107,8 @@ ...@@ -107,8 +107,8 @@
107 <div @click="openMenu"> 107 <div @click="openMenu">
108 <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; 108 <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;
109 </div> 109 </div>
110 - <div> 110 + <div style="display: flex; align-items: center;">
111 - <el-image style="height: 2rem;" src="https://cdn.ipadbiz.cn/hager/icon/logo@2x.png" fit="cover"></el-image> 111 + <img style="width: 5.3rem; height: 1.7rem" src="https://cdn.ipadbiz.cn/hager/icon/logo@2x.png">
112 </div> 112 </div>
113 <div> 113 <div>
114 <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; 114 <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 @@ ...@@ -6,7 +6,7 @@
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
8 <template> 8 <template>
9 - <div class="hager-login-page"> 9 + <div :class="['hager-login-page', is_xs ? 'xs' : '']">
10 <div class="input-title">用户登录</div> 10 <div class="input-title">用户登录</div>
11 <div style="padding: 1rem 1.5rem 1rem 1rem;"> 11 <div style="padding: 1rem 1.5rem 1rem 1rem;">
12 <hagerInput type="email" required v-model="email" placeholder="请输入注册邮箱地址" /> 12 <hagerInput type="email" required v-model="email" placeholder="请输入注册邮箱地址" />
...@@ -59,6 +59,14 @@ export default { ...@@ -59,6 +59,14 @@ export default {
59 <style lang="less" scoped> 59 <style lang="less" scoped>
60 .hager-login-page { 60 .hager-login-page {
61 padding: 2rem 0.5rem 0; 61 padding: 2rem 0.5rem 0;
62 + &.xs {
63 + 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');
64 + background-size: 80% 50%;
65 + background-position: bottom;
66 + background-repeat: no-repeat;
67 + padding-top: 0;
68 + padding-bottom: 5rem;
69 + }
62 .input-title { 70 .input-title {
63 color: @secondary-color; 71 color: @secondary-color;
64 font-weight: bold; 72 font-weight: bold;
......