Skip to content

L
learn-online-pc
提交 c49b20c9 authored 作者: lihuihui's avatar lihuihui
浏览文件
操作

增移动端登录

上级 53f36a26
显示空白字符变更
内嵌 并排
正在显示 包含 294 行增加 和 8 行删除
client/src/components/learnSysLayout/navigation.vue
浏览文件 @ c49b20c9
......@@ -9,7 +9,7 @@
<div class="bank-title" @click="setStatus">高级财富管理师·在线学习系统</div>
<!-- <s-language></s-language> -->
<div class="right">
<div class="logo-name">赵瑾龙,欢迎您回到在线学习系统</div>
<div class="logo-name">{{ $GLOBAL.UserInfo.realname }},欢迎您回到在线学习系统</div>
<div class="notify" @click="goNotify()">公告
<div class="num" v-if="num">{{num}}</div>
</div>
......
client/src/pages/learn/courseDetail.vue
浏览文件 @ c49b20c9
......@@ -110,7 +110,7 @@
<el-input v-model="publish.title" type="text" placeholder="请输入学习计划"></el-input>
</el-form-item>
<!-- v-model="publish.content" -->
<div style="line-height: 1.5; font-size: 0.16rem; margin-bottom: 0.2rem;">正文内容</div>
<div style="line-height: 1.5; font-size: 0.16rem; margin-bottom: 0.2rem;">教材提问</div>
<textarea id="editor"></textarea>
<div style="height: 0.2rem;"></div>
<el-form-item>
......
client/src/pages/login/code.vue
浏览文件 @ c49b20c9
<template>
<div class="login-page">
<div class="login-box">
<div class="login-mian">
<div class="left">
......@@ -31,6 +32,45 @@
</div>
</div>
</div>
<div class="mobile-login">
<div class="title-box">
<img src="../../assets/images/mlogin-tit1.png" alt="" class="tit1">
<img src="../../assets/images/mlogin-tit2.png" alt="" class="tit2">
</div>
<div class="logo-box">
<img src="../../assets/images/mlogin-logo1.png" alt="" class="tit1">
<img src="../../assets/images/mlogin-logo2.png" alt="" class="tit2">
</div>
<div class="text-box">
<img src="../../assets/images/login-tit1.png" alt="" class="tit1">
<img src="../../assets/images/login-tit2.png" alt="" class="tit2">
<img src="../../assets/images/login-tit3.png" alt="" class="tit3">
</div>
<div class="mlogin-modules">
<code-login>
<div class="text" slot="text">
<span class="code-login">
<template v-if="query.rd">
<router-link class="router-link-class" active-class="router-link-active-class" :to="{ path: '/login/index?rd=' + query.rd }">{{$t('Login.normalLogin')}}</router-link>
</template>
<template v-else>
<router-link class="router-link-class" active-class="router-link-active-class" :to="{ name: 'login-normal' }">{{$t('Login.normalLogin')}}</router-link>
</template>
</span>
<span class="forget-pwd">
<template v-if="query.rd">
<router-link class="router-link-class" active-class="router-link-active-class" :to="{ path: '/login/forget?rd=' + query.rd }">{{$t('Login.forgetPassword')}}</router-link>
</template>
<template v-else>
<router-link class="router-link-class" active-class="router-link-active-class" :to="{ name: 'login-forget' }">{{$t('Login.forgetPassword')}}</router-link>
</template>
<!-- <div class="router-link-class" @click="dialogMsg">{{$t('Login.forgetPassword')}}</div> -->
</span>
</div>
</code-login>
</div>
</div>
</div>
</template>
<script>
......@@ -64,6 +104,58 @@ export default {
</script>
<style lang="scss" scoped>
.login-page{
width: 100%;
height: 100%;
}
.mobile-login{
width: 100%;
height: 100%;
background: url('../../assets/images/mlogin-bg.png');
background-size:100% 100%;
.title-box{
padding-top: 10px;
.tit1{
width: 40%;
}
.tit2{
width: 40%;
margin-top: 10px;
}
img{
display: block;
margin-left: 13%;
}
}
.logo-box{
width: 75%;
margin: 0 auto;
margin-top:15%;
overflow: hidden;
.tit2{
float: right;
}
img{
float: left;
display: block;
width: 45%;
}
}
.text-box{
padding-top: 5%;
width: 75%;
margin: 0 auto;
img{
display: block;
width: 100%;
margin-top: 5%;
}
}
.mlogin-modules{
width: 75%;
margin: 10% auto;
}
}
.login-box{
width: 100%;
height: 100%;
......@@ -109,6 +201,12 @@ export default {
}
}
/* normal 登录 */
.login-box .login-mian .login-modules .text .code-login a{ float: left; cursor: pointer; color:#186AA9;text-decoration:none;}
.login-box .login-mian .login-modules .text .forget-pwd a{ float: right; cursor: pointer; color:#186AA9;text-decoration:none;}
.code-login a{ float: left; cursor: pointer; color:#186AA9;text-decoration:none;}
.forget-pwd a{ float: right; cursor: pointer; color:#186AA9;text-decoration:none;}
@media screen and (max-width: 480px){
.login-box{display: none;}
}
@media screen and (min-width: 1000px){
.mobile-login{display: none;}
}
</style>
client/src/pages/login/forget.vue
浏览文件 @ c49b20c9
<template>
<div class="login-page">
<div class="login-box">
<div class="login-mian">
<div class="login-modules">
......@@ -15,6 +16,34 @@
</div>
</div>
</div>
<div class="mobile-login">
<div class="title-box">
<img src="../../assets/images/mlogin-tit1.png" alt="" class="tit1">
<img src="../../assets/images/mlogin-tit2.png" alt="" class="tit2">
</div>
<div class="logo-box">
<img src="../../assets/images/mlogin-logo1.png" alt="" class="tit1">
<img src="../../assets/images/mlogin-logo2.png" alt="" class="tit2">
</div>
<div class="text-box">
<img src="../../assets/images/login-tit1.png" alt="" class="tit1">
<img src="../../assets/images/login-tit2.png" alt="" class="tit2">
<img src="../../assets/images/login-tit3.png" alt="" class="tit3">
</div>
<div class="mlogin-modules">
<forget-login class="content-s-self">
<div class="go-back" slot="go-back">
<template v-if="query.rd">
<router-link class="router-link-class" active-class="router-link-active-class" :to="{ path: '/login/index?rd=' + query.rd }">返回登录</router-link>
</template>
<template v-else>
<router-link class="router-link-class" active-class="router-link-active-class" :to="{ name: 'login-normal' }">返回登录</router-link>
</template>
</div>
</forget-login>
</div>
</div>
</div>
</template>
<script>
......@@ -48,6 +77,58 @@ export default {
</script>
<style lang="scss" scoped>
.login-page{
width: 100%;
height: 100%;
}
.mobile-login{
width: 100%;
height: 100%;
background: url('../../assets/images/mlogin-bg.png');
background-size:100% 100%;
.title-box{
padding-top: 10px;
.tit1{
width: 40%;
}
.tit2{
width: 40%;
margin-top: 10px;
}
img{
display: block;
margin-left: 13%;
}
}
.logo-box{
width: 75%;
margin: 0 auto;
margin-top:10%;
overflow: hidden;
.tit2{
float: right;
}
img{
float: left;
display: block;
width: 45%;
}
}
.text-box{
padding-top: 5%;
width: 75%;
margin: 0 auto;
img{
display: block;
width: 100%;
margin-top: 3%;
}
}
.mlogin-modules{
width: 75%;
margin: 0 auto;
}
}
.login-box{
width: 100%;
height: 100%;
......@@ -65,6 +146,16 @@ export default {
}
}
/* normal 登录 */
.login-box .login-mian .login-modules a{ cursor: pointer; color:#186AA9;text-decoration:none;}
.login-modules a{ cursor: pointer; color:#186AA9;text-decoration:none;}
.mlogin-modules a{ cursor: pointer; color:#186AA9;text-decoration:none;}
@media screen and (max-width: 480px){
.login-box{display: none;}
.content-s{
top: auto;
margin-top: 8%;
}
}
@media screen and (min-width: 1000px){
.mobile-login{display: none;}
}
</style>
client/src/pages/login/index.vue
浏览文件 @ c49b20c9
<template>
<div class="login-page">
<div class="login-box">
<div class="login-mian">
<div class="left">
......@@ -30,6 +31,44 @@
</div>
</div>
</div>
<div class="mobile-login">
<div class="title-box">
<img src="../../assets/images/mlogin-tit1.png" alt="" class="tit1">
<img src="../../assets/images/mlogin-tit2.png" alt="" class="tit2">
</div>
<div class="logo-box">
<img src="../../assets/images/mlogin-logo1.png" alt="" class="tit1">
<img src="../../assets/images/mlogin-logo2.png" alt="" class="tit2">
</div>
<div class="text-box">
<img src="../../assets/images/login-tit1.png" alt="" class="tit1">
<img src="../../assets/images/login-tit2.png" alt="" class="tit2">
<img src="../../assets/images/login-tit3.png" alt="" class="tit3">
</div>
<div class="mlogin-modules">
<normal-login>
<div class="text" slot="text">
<span class="code-login">
<template v-if="query.rd">
<router-link class="router-link-class" active-class="router-link-active-class" :to="{ path: '/login/code?rd=' + query.rd }">{{$t('Login.codeLogin')}}</router-link>
</template>
<template v-else>
<router-link class="router-link-class" active-class="router-link-active-class" :to="{ name: 'login-code' }">{{$t('Login.codeLogin')}}</router-link>
</template>
</span>
<span class="forget-pwd">
<template v-if="query.rd">
<router-link class="router-link-class" active-class="router-link-active-class" :to="{ path: '/login/forget?rd=' + query.rd }">{{$t('Login.forgetPassword')}}</router-link>
</template>
<template v-else>
<router-link class="router-link-class" active-class="router-link-active-class" :to="{ name: 'login-forget' }">{{$t('Login.forgetPassword')}}</router-link>
</template>
</span>
</div>
</normal-login>
</div>
</div>
</div>
</template>
<script>
import sLanguage from '@/components/languageSwitch/index.vue'
......@@ -61,6 +100,58 @@ export default {
}
</script>
<style lang="scss" scoped>
.login-page{
width: 100%;
height: 100%;
}
.mobile-login{
width: 100%;
height: 100%;
background: url('../../assets/images/mlogin-bg.png');
background-size:100% 100%;
.title-box{
padding-top: 10px;
.tit1{
width: 40%;
}
.tit2{
width: 40%;
margin-top: 10px;
}
img{
display: block;
margin-left: 13%;
}
}
.logo-box{
width: 75%;
margin: 0 auto;
margin-top:15%;
overflow: hidden;
.tit2{
float: right;
}
img{
float: left;
display: block;
width: 45%;
}
}
.text-box{
padding-top: 5%;
width: 75%;
margin: 0 auto;
img{
display: block;
width: 100%;
margin-top: 5%;
}
}
.mlogin-modules{
width: 75%;
margin: 10% auto;
}
}
.login-box{
width: 100%;
height: 100%;
......@@ -106,6 +197,12 @@ export default {
}
}
/* normal 登录 */
.login-box .login-mian .login-modules .text .code-login a{ float: left; cursor: pointer; color:#186AA9;text-decoration:none;}
.login-box .login-mian .login-modules .text .forget-pwd a{ float: right; cursor: pointer; color:#186AA9;}
.code-login a{ float: left; cursor: pointer; color:#186AA9;text-decoration:none;}
.forget-pwd a{ float: right; cursor: pointer; color:#186AA9;}
@media screen and (max-width: 480px){
.login-box{display: none;}
}
@media screen and (min-width: 1000px){
.mobile-login{display: none;}
}
</style>
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论