diff --git a/.env b/.env index 977ffd9..978c401 100644 --- a/.env +++ b/.env @@ -1,3 +1,5 @@ # 页面标题 -VITE_APP_TITLE = 'ZRAdmin.NET' \ No newline at end of file +VITE_APP_TITLE = '上海华特数字化转型' +# 登录信息界面 +VITE_APP_LOGINFO=" 上海华特企业集团股份有限公司成立于1998年1月，总部坐落于嘉定区外冈镇恒裕路385号，是一家从事汽车饰件、汽车零配件、高分子材料、轨道交通设备及产品的设计、开发、制造、销售、进出口一体的专业公司。曾先后获评上海市高新技术企业、上海市市级企业技术中心、上海市火炬计划、上海市著名商标、上海市专利工作培育企业、上海名牌、第八届至正杯上海科技企业创新奖等荣誉称号，2017年授牌华特上海车辆零部件声学（NVH）工程技术研究中心,多次获评嘉定区先进制造业、嘉定区十强民营企业。集团旗下共有16家公司，遍布全国9个省市。" \ No newline at end of file diff --git a/src/App.vue b/src/App.vue index c744625..0845fb1 100644 --- a/src/App.vue +++ b/src/App.vue @@ -55,8 +55,8 @@ watch( immediate: true } ) -console.log('🎉源码地址: https://gitee.com/izory/ZrAdminNetCore') -console.log('📖官方文档：http://www.izhaorui.cn') -console.log('💰打赏作者：http://www.izhaorui.cn/doc/support.html') -console.log('📱移动端体验：http://www.izhaorui.cn/h5') +// console.log('🎉源码地址: https://gitee.com/izory/ZrAdminNetCore') +// console.log('📖官方文档：http://www.izhaorui.cn') +// console.log('💰打赏作者：http://www.izhaorui.cn/doc/support.html') +// console.log('📱移动端体验：http://www.izhaorui.cn/h5') diff --git a/src/router/index.js b/src/router/index.js index 3e10920..b134d89 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -36,7 +36,7 @@ export const constantRoutes = [ }, { path: '/login', - component: () => import('@/views/login'), + component: () => import('@/views/login/login'), hidden: true }, { diff --git a/src/settings.js b/src/settings.js index de450d0..64218d1 100644 --- a/src/settings.js +++ b/src/settings.js @@ -1,111 +1,112 @@ export default { - /** - * 框架版本号 - */ - version: '20240105', - /** - * 网页标题 - */ - title: import.meta.env.VITE_APP_TITLE, - /** - * 侧边栏主题 深色主题theme-dark，浅色主题theme-light - */ - sideTheme: 'theme-dark', - /** - * 框架主题颜色值 - */ - theme: '#409EFF', - /** - * 是否系统布局配置 - */ - showSettings: false, + /** + * 框架版本号 + */ + version: '20240819', + /** + * 网页标题 + */ + title: import.meta.env.VITE_APP_TITLE, + loginfo: import.meta.env.VITE_APP_LOGINFO, + /** + * 侧边栏主题 深色主题theme-dark，浅色主题theme-light + */ + sideTheme: 'theme-dark', + /** + * 框架主题颜色值 + */ + theme: '#409EFF', + /** + * 是否系统布局配置 + */ + showSettings: false, - /** - * 是否显示顶部导航 - */ - topNav: false, + /** + * 是否显示顶部导航 + */ + topNav: false, - /** - * 是否显示 tagsView - */ - tagsView: true, + /** + * 是否显示 tagsView + */ + tagsView: true, - /** - * 是否固定头部 - */ - fixedHeader: false, + /** + * 是否固定头部 + */ + fixedHeader: false, - /** - * 是否显示logo - */ - sidebarLogo: true, + /** + * 是否显示logo + */ + sidebarLogo: true, - /** - * 是否显示动态标题 - */ - dynamicTitle: false, + /** + * 是否显示动态标题 + */ + dynamicTitle: false, - /** - * @type {string | array} 'production' | ['production', 'development'] - * @description Need show err logs component. - * The default is only used in the production env - * If you want to also use it in dev, you can pass ['production', 'development'] - */ - errorLog: 'production', - /** - * 版权信息 - */ - copyright: 'Copyright ©2024 ZRAdmin.NET All Rights Reserved.', - /** - * 是否显示底部栏 - */ - showFooter: true, - /** - * 是否显示水印 - */ - showWatermark: false, - /** - * 水印文案 - */ - watermarkText: 'ZRAdmin.NET', - /** - * 是否显示其他登录 - */ - showOtherLogin: true, - /** - * 默认大小 - */ - defaultSize: 'default', - /** - * 默认语言 - */ - defaultLang: 'zh-cn', - /** - * 左侧菜单是否显示New标记 - */ - menuShowNew: false, - /** - * 是否显示QR登录 - */ - showQrLogin: true, - /** - * 是否显示手机号登录 - */ - showPhoneLogin: true, - /** - * 标签页持久化 - */ - tagsViewPersist: false, - /** - * 标签显示icon - */ - tagsShowIcon: true, - /** - * 导航模式 1、侧边栏 2、混合 3、纯顶部 - */ - navType: 1, - /** - * 前往通知地址 - */ - noticeUrl: 'https://gitee.com/izory/ZrAdminNetCore' -} + /** + * @type {string | array} 'production' | ['production', 'development'] + * @description Need show err logs component. + * The default is only used in the production env + * If you want to also use it in dev, you can pass ['production', 'development'] + */ + errorLog: 'production', + /** + * 版权信息 + */ + copyright: 'Copyright ©2024 ZRAdmin.NET All Rights Reserved.', + /** + * 是否显示底部栏 + */ + showFooter: true, + /** + * 是否显示水印 + */ + showWatermark: false, + /** + * 水印文案 + */ + watermarkText: 'ZRAdmin.NET', + /** + * 是否显示其他登录 + */ + showOtherLogin: true, + /** + * 默认大小 + */ + defaultSize: 'default', + /** + * 默认语言 + */ + defaultLang: 'zh-cn', + /** + * 左侧菜单是否显示New标记 + */ + menuShowNew: false, + /** + * 是否显示QR登录 + */ + showQrLogin: true, + /** + * 是否显示手机号登录 + */ + showPhoneLogin: true, + /** + * 标签页持久化 + */ + tagsViewPersist: false, + /** + * 标签显示icon + */ + tagsShowIcon: true, + /** + * 导航模式 1、侧边栏 2、混合 3、纯顶部 + */ + navType: 1, + /** + * 前往通知地址 + */ + noticeUrl: 'https://gitee.com/izory/ZrAdminNetCore' +} \ No newline at end of file diff --git a/src/views/login.vue b/src/views/login.vue index 2d8aeac..95fc3be 100644 --- a/src/views/login.vue +++ b/src/views/login.vue @@ -9,8 +9,8 @@
- - + +
diff --git a/src/views/login/iconfont.js b/src/views/login/iconfont.js new file mode 100644 index 0000000..0777ffc --- /dev/null +++ b/src/views/login/iconfont.js @@ -0,0 +1 @@ +window._iconfont_svg_string_4062655='',function(n){var t=(t=document.getElementsByTagName("script"))[t.length-1],e=t.getAttribute("data-injectcss"),t=t.getAttribute("data-disable-injectsvg");if(!t){var i,o,a,l,d,c=function(t,e){e.parentNode.insertBefore(t,e)};if(e&&!n.__iconfont__svg__cssinject__){n.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(t){console&&console.log(t)}}i=function(){var t,e=document.createElement("div");e.innerHTML=n._iconfont_svg_string_4062655,(e=e.getElementsByTagName("svg")[0])&&(e.setAttribute("aria-hidden","true"),e.style.position="absolute",e.style.width=0,e.style.height=0,e.style.overflow="hidden",e=e,(t=document.body).firstChild?c(e,t.firstChild):t.appendChild(e))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(i,0):(o=function(){document.removeEventListener("DOMContentLoaded",o,!1),i()},document.addEventListener("DOMContentLoaded",o,!1)):document.attachEvent&&(a=i,l=n.document,d=!1,r(),l.onreadystatechange=function(){"complete"==l.readyState&&(l.onreadystatechange=null,s())})}function s(){d||(d=!0,a())}function r(){try{l.documentElement.doScroll("left")}catch(t){return void setTimeout(r,50)}s()}}(window); \ No newline at end of file diff --git a/src/views/login/login.scss b/src/views/login/login.scss new file mode 100644 index 0000000..6ef5f1b --- /dev/null +++ b/src/views/login/login.scss @@ -0,0 +1,123 @@ +.login-wrap { + background: radial-gradient(220% 105% at top center, #182461 10%, #153379 40%, #0674e1 65%, #1f73c5); + background-attachment: fixed; + overflow: hidden; + display: flex; + justify-content: center; + align-items: center; + height: 100%; + // background-image: url('@/assets/images/login-bg.jpg'); + background-size: cover; + flex-direction: column; + + .login { + margin: 0 auto; + background: #ffffff; + border-radius: 6px; + width: var(--base-login-width); + position: relative; + // height: 420px; + } +} + +.title { + margin: 10px auto 15px auto; + text-align: center; + // color: #fff; +} + +.login-form { + padding: 5px 25px 5px 25px; + position: relative; + height: 230px; + + .input-icon { + height: 30px; + width: 14px; + margin-left: 0px; + } +} + +.login-tip { + font-size: 13px; + text-align: center; + color: #bfbfbf; +} + +.login-code { + width: 33%; + height: 40px; + float: right; + + img { + width: 100%; + cursor: pointer; + vertical-align: middle; + } +} + +.el-login-footer { + height: 40px; + line-height: 40px; + position: fixed; + bottom: 0; + width: 100%; + text-align: center; + color: #fff; + font-family: Arial; + font-size: 12px; + letter-spacing: 1px; +} + +.login-code-img { + height: 40px; + padding-left: 12px; +} +.langSet { + position: absolute; + left: 20px; + top: 10px; +} + +.scan-wrap { + position: absolute; + right: 0; + top: 0; + width: 50px; + height: 50px; + cursor: pointer; + transition: all ease 0.3s; + overflow: hidden; + + .icon { + width: 48px; + height: 50px; + display: inline-block; + font-size: 48px; + position: absolute; + right: 1px; + top: 0px; + } + .scan-delta { + position: absolute; + width: 35px; + height: 70px; + z-index: 2; + top: 2px; + right: 21px; + background: var(--el-color-white); + transform: rotate(-45deg); + } +} + +.login-scan-container { + display: flex; + flex-direction: column; + text-align: center; + align-items: center; + justify-content: space-around; + margin-bottom: 20px; +} + +@media screen and (max-width: 500px) { +} diff --git a/src/views/login/login.vue b/src/views/login/login.vue new file mode 100644 index 0000000..82f20d0 --- /dev/null +++ b/src/views/login/login.vue @@ -0,0 +1,365 @@ + + + + + diff --git a/src/views/login/starBackground.vue b/src/views/login/starBackground.vue new file mode 100644 index 0000000..9e78160 --- /dev/null +++ b/src/views/login/starBackground.vue @@ -0,0 +1,60 @@ + + + + +