feat():前端图案调整

master
jiyufei 2 months ago
parent f261ec9b04
commit 613fcaa12f

Binary file not shown.

After

Width:  |  Height:  |  Size: 72 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

@ -5,19 +5,19 @@
<el-image class="sidebar-logo" :src="define.comUrl+sysConfig.workLogoIcon" <el-image class="sidebar-logo" :src="define.comUrl+sysConfig.workLogoIcon"
v-if="sysConfig && sysConfig.workLogoIcon"> v-if="sysConfig && sysConfig.workLogoIcon">
<template slot="error"> <template slot="error">
<img class="sidebar-logo" src="@/assets/images/jnpf.png" alt=""> <img class="sidebar-logo" src="@/assets/images/yyslogo.png" alt="">
</template> </template>
</el-image> </el-image>
<img src="@/assets/images/jnpf.png" class="sidebar-logo" v-else /> <img src="@/assets/images/yyslogo.png" class="sidebar-logo" v-else />
</router-link> </router-link>
<router-link v-else key="expand" class="sidebar-logo-link" to="/"> <router-link v-else key="expand" class="sidebar-logo-link" to="/">
<el-image class="sidebar-logo" :src="define.comUrl+sysConfig.navigationIcon" <el-image class="sidebar-logo" :src="define.comUrl+sysConfig.navigationIcon"
v-if="sysConfig && sysConfig.navigationIcon"> v-if="sysConfig && sysConfig.navigationIcon">
<template slot="error"> <template slot="error">
<img class="sidebar-logo" src="@/assets/images/jnpf1.png" alt=""> <img class="sidebar-logo" src="@/assets/images/yyslogo.png" alt="">
</template> </template>
</el-image> </el-image>
<img src="@/assets/images/jnpf1.png" class="sidebar-logo" v-else /> <img src="@/assets/images/yyslogo.png" class="sidebar-logo" v-else />
</router-link> </router-link>
</transition> </transition>
</div> </div>
@ -50,22 +50,26 @@ export default {
opacity: 0; opacity: 0;
} }
.sidebar-logo-container { // .sidebar-logo-container {
position: relative; // position: relative;
width: 100%; // width: 100%;
height: 60px; // height: 60px;
line-height: 60px; // line-height: 60px;
background: #031e39; // background: #031e39;
text-align: center; // text-align: center;
overflow: hidden; // overflow: hidden;
.sidebar-logo-link { // .sidebar-logo-link {
height: 100%; // height: 100%;
width: 100%; // width: 100%;
// .sidebar-logo {
// height: 100%;
// width: 100%;
// }
// }
// }
.sidebar-logo { .sidebar-logo {
height: 100%; height: 100%;
width: 100%; width: 100%;
} }
}
}
</style> </style>

@ -1,17 +1,17 @@
<template> <template>
<div class="login-container"> <div class="login-container">
<div class="login-version" v-if="sysConfig && sysConfig.sysVersion"> <!-- <div class="login-version" v-if="sysConfig && sysConfig.sysVersion">
<p class="login-version-text">{{sysConfig.sysVersion}}</p> <p class="login-version-text">{{sysConfig.sysVersion}}</p>
</div> </div> -->
<div class="login-left"> <div class="login-left">
<a class="login-company-logo" target="_blank" href="https://www.jnpfsoft.com"> <!-- <a class="login-company-logo" target="_blank" href="https://www.jnpfsoft.com"> -->
<img class="login-company-logo-img" src="@/assets/images/login-company-logo.png" alt=""> <!-- <img class="login-company-logo-img" src="@/assets/images/login-company-logo.png" alt="">
</a> </a> -->
<img class="login-banner" src="@/assets/images/login-banner.png" alt=""> <img class="login-banners" src="@/assets/images/bg1@2x.png" alt="">
<div class="login-left-txt" v-if="showTxt"> <div class="login-left-txt" v-if="showTxt">
<p class="title1">赋能开发者提速企业数字化零代码实现80%的基础功能</p> <!-- <p class="title1">赋能开发者提速企业数字化零代码实现80%的基础功能</p>
<p class="title2">已帮助<span>20000+</span>家企业完成数字化转型升级</p> <p class="title2">已帮助<span>20000+</span>家企业完成数字化转型升级</p>
<a class="link" target="_blank" href="https://www.jnpfsoft.com">了解更多</a> <a class="link" target="_blank" href="https://www.jnpfsoft.com">了解更多</a> -->
</div> </div>
</div> </div>
<div class="login-content"> <div class="login-content">
@ -19,10 +19,10 @@
<el-image class="login-logo" :src="define.comUrl+sysConfig.loginIcon" <el-image class="login-logo" :src="define.comUrl+sysConfig.loginIcon"
v-if="sysConfig && sysConfig.loginIcon"> v-if="sysConfig && sysConfig.loginIcon">
<template slot="error"> <template slot="error">
<img class="login-logo" src="@/assets/images/login_logo.png" alt=""> <img class="login-logo" src="@/assets/images/yyslogo.png" alt="">
</template> </template>
</el-image> </el-image>
<img class="login-logo" src="@/assets/images/login_logo.png" alt="" v-else> <img class="login-logos" src="@/assets/images/yyslogo.png" alt="" v-else>
<div v-show="!isSso && !ssoLoading"> <div v-show="!isSso && !ssoLoading">
<div class="login-tab" :class="'active'+active"> <div class="login-tab" :class="'active'+active">
<a class="item" :class="{'active': active==1}" <a class="item" :class="{'active': active==1}"
@ -85,7 +85,7 @@
<el-button type="primary" class="sso-login-btn" size="large" :loading="loading" <el-button type="primary" class="sso-login-btn" size="large" :loading="loading"
@click.native.prevent="ssoLogin" v-show="isSso && !ssoLoading">登录</el-button> @click.native.prevent="ssoLogin" v-show="isSso && !ssoLoading">登录</el-button>
</div> </div>
<div class="copyright"> {{sysConfig.copyright}}</div> <!-- <div class="copyright"> {{sysConfig.copyright}}</div> -->
</div> </div>
<el-dialog title="登录" :close-on-click-modal="false" :visible.sync="visible" <el-dialog title="登录" :close-on-click-modal="false" :visible.sync="visible"
:close-on-press-escape="false" class="JNPF-dialog JNPF-dialog_center JNPF-dialog-sso" :close-on-press-escape="false" class="JNPF-dialog JNPF-dialog_center JNPF-dialog-sso"
@ -418,5 +418,13 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.login-banners {
width: 100%;
height: 100%;
};
.login-logos{
width: 100%;
}
@import './index.scss'; @import './index.scss';
</style> </style>
Loading…
Cancel
Save