Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
B
beyond-clouds-frontM
Overview
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
云深项目组
beyond-clouds-frontM
Commits
d89debe7
Commit
d89debe7
authored
Mar 13, 2020
by
高浩杰
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
完善登录,注册,修改密码页面
parent
50fb936f
Show whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
105 additions
and
4 deletions
+105
-4
components/moblie/nav.vue
+1
-0
layouts/blank.vue
+32
-3
pages/users/login.vue
+25
-1
pages/users/register.vue
+25
-0
pages/users/reset.vue
+22
-0
No files found.
components/moblie/nav.vue
View file @
d89debe7
...
...
@@ -18,6 +18,7 @@
v-for=
"(item, index) in navList"
:class=
"
{active:index === actived}"
:flex-v="['column','flex-start','center']"
:key="item.label"
>
<span
@
click=
"toggle(index, item.id)"
>
{{
item
.
label
}}
</span>
<yun-div
:width-v=
"16"
:height-v=
"4"
:border-r=
"[2,2,0,0]"
:margin-v=
"[16,0,0]"
:bg-color-v=
"index === actived ? '#00AAE6' : '#fff'"
></yun-div>
...
...
layouts/blank.vue
View file @
d89debe7
<
template
>
<div
class=
"default-layout__wrap"
>
<nuxt/>
</div>
</
template
>
<
script
>
export
default
{
name
:
"blank"
name
:
"blank"
,
mounted
()
{
if
(
process
.
browser
){
this
.
fontSelfAdaption
()
}
</
script
>
},
methods
:{
fontSelfAdaption
(){
let
e
=
document
,
that
=
this
,
t
=
e
.
documentElement
,
defaultWidth
=
750
;
<
style
scoped
>
let
eventName
=
"orientationchange"
in
window
?
"orientationchange"
:
"resize"
,
functionName
=
function
()
{
let
n
=
t
.
clientWidth
;
n
<
320
&&
(
n
=
320
);
n
>
750
&&
(
n
=
750
);
t
.
style
.
fontSize
=
n
/
defaultWidth
+
"px"
;
that
.
$store
.
commit
(
'page/changeRemRate'
,
n
/
defaultWidth
);
};
functionName
();
window
.
addEventListener
(
eventName
,
functionName
,
!
1
);
}
},
}
</
script
>
<
style
lang=
"scss"
scoped
>
.default-layout__wrap
{
background
:
$
bgImage
;
}
</
style
>
pages/users/login.vue
View file @
d89debe7
<
template
>
<yun-div
:extend-style=
"
{position: 'fixed', top:0,bottom:0,left:0,right:0}" class="default-layout__wrap">
<yun-div
:flex-v=
"['row','space-between','center']"
:margin-v=
"[26,paddingL]"
>
<!--logo-->
<yun-img
:height-v=
"36"
:width-v=
"153"
:ske-w=
"153"
:ske-h=
"36"
:src=
"Logo"
>
</yun-img>
<yun-div
:font-style=
"[28,37,500,'#333','left']"
@
click
.
native=
"toRegister"
>
注册
</yun-div>
</yun-div>
<yun-div
:width-v=
"704"
:padding-v=
"[65,60,0,60]"
:margin-v=
"[0,'auto']"
:extend-style=
"
{boxSizing: 'border-box'}"
:border-r="[8]"
bg-color-v="#fff"
>
<yun-div
:show-ske=
"false"
...
...
@@ -97,6 +112,8 @@
</yun-div>
</yun-div>
</yun-div>
<page-footer
style=
"position: fixed;bottom:0;"
></page-footer>
</yun-div>
</
template
>
<
script
>
...
...
@@ -105,14 +122,19 @@ import commonMixin from "../../components/moblie/commonMixin";
import
QQ
from
'../../assets/svg/qq.svg'
import
wechat
from
'../../assets/svg/wechat.svg'
import
dingding
from
'../../assets/svg/dingding.svg'
import
Logo
from
'../../assets/svg/logo.svg'
import
PageFooter
from
"../../components/moblie/pageFooter"
;
export
default
{
components
:
{
PageFooter
},
layout
:
'blank'
,
mixins
:
[
commonMixin
],
data
()
{
return
{
QQ
,
wechat
,
dingding
,
Logo
,
account
:
''
,
password
:
''
,
VerificationCode
:
''
,
...
...
@@ -158,6 +180,9 @@ export default {
toReset
()
{
this
.
$router
.
push
(
'/users/reset'
)
},
toRegister
()
{
this
.
$router
.
push
(
'/users/register'
)
},
showPassword
()
{
this
.
inputType
=
this
.
inputType
===
'password'
?
'text'
:
'password'
this
.
iconName
=
this
.
iconName
===
'invisible'
?
'visible'
:
'invisible'
...
...
@@ -227,4 +252,3 @@ export default {
display
:
none
;
}
</
style
>
pages/users/register.vue
View file @
d89debe7
<
template
>
<yun-div
:extend-style=
"
{position: 'fixed', top:0,bottom:0,left:0,right:0}" class="default-layout__wrap">
<yun-div
:flex-v=
"['row','space-between','center']"
:margin-v=
"[26,paddingL]"
>
<!--logo-->
<yun-img
:height-v=
"36"
:width-v=
"153"
:ske-w=
"153"
:ske-h=
"36"
:src=
"Logo"
>
</yun-img>
<yun-div
:font-style=
"[28,37,500,'#333','left']"
@
click
.
native=
"toLogin"
>
登录
</yun-div>
</yun-div>
<yun-div
:width-v=
"704"
:padding-v=
"[65,60,0,60]"
:margin-v=
"[0,'auto']"
:extend-style=
"
{boxSizing: 'border-box'}"
:border-r="[8]"
bg-color-v="#fff"
>
<yun-div
:show-ske=
"false"
...
...
@@ -109,6 +124,8 @@
</yun-div>
</yun-div>
</yun-div>
<page-footer
style=
"position: fixed;bottom:0;"
></page-footer>
</yun-div>
</
template
>
<
script
>
...
...
@@ -117,14 +134,19 @@ import commonMixin from "../../components/moblie/commonMixin";
import
QQ
from
'../../assets/svg/qq.svg'
import
wechat
from
'../../assets/svg/wechat.svg'
import
dingding
from
'../../assets/svg/dingding.svg'
import
PageFooter
from
"../../components/moblie/pageFooter"
;
import
Logo
from
"../../assets/svg/logo.svg"
;
export
default
{
layout
:
'blank'
,
mixins
:
[
commonMixin
],
components
:
{
PageFooter
},
data
()
{
return
{
QQ
,
wechat
,
dingding
,
Logo
,
account
:
''
,
password
:
''
,
VerificationCode
:
''
,
...
...
@@ -186,6 +208,9 @@ export default {
toReset
()
{
this
.
$router
.
push
(
'/users/reset'
)
},
toLogin
()
{
this
.
$router
.
push
(
'/users/login'
)
},
showPassword
()
{
this
.
inputType
=
this
.
inputType
===
'password'
?
'text'
:
'password'
this
.
iconName
=
this
.
iconName
===
'invisible'
?
'visible'
:
'invisible'
...
...
pages/users/reset.vue
View file @
d89debe7
<
template
>
<yun-div
:extend-style=
"
{position: 'fixed', top:0,bottom:0,left:0,right:0}" class="default-layout__wrap">
<yun-div
:flex-v=
"['row','space-between','center']"
:margin-v=
"[26,paddingL]"
>
<!--logo-->
<yun-img
:height-v=
"36"
:width-v=
"153"
:ske-w=
"153"
:ske-h=
"36"
:src=
"Logo"
>
</yun-img>
<yun-div
:font-style=
"[28,37,500,'#333','left']"
@
click
.
native=
"toRegister"
>
注册
</yun-div>
</yun-div>
<yun-div
:width-v=
"704"
:padding-v=
"[65,60,0,60]"
:margin-v=
"[0,'auto']"
:extend-style=
"
{boxSizing: 'border-box'}"
:border-r="[8]"
bg-color-v="#fff"
>
<yun-div
:show-ske=
"false"
...
...
@@ -97,6 +112,8 @@
</yun-div>
</yun-div>
</yun-div>
<page-footer
style=
"position: fixed;bottom:0;"
></page-footer>
</yun-div>
</
template
>
<
script
>
...
...
@@ -105,14 +122,19 @@ import commonMixin from "../../components/moblie/commonMixin";
import
QQ
from
'../../assets/svg/qq.svg'
import
wechat
from
'../../assets/svg/wechat.svg'
import
dingding
from
'../../assets/svg/dingding.svg'
import
Logo
from
"../../assets/svg/logo.svg"
;
import
PageFooter
from
"../../components/moblie/pageFooter"
;
export
default
{
layout
:
'blank'
,
mixins
:
[
commonMixin
],
components
:
{
PageFooter
},
data
()
{
return
{
QQ
,
wechat
,
dingding
,
Logo
,
account
:
''
,
password
:
''
,
VerificationCode
:
''
,
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment