Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
京东前端
nutui
提交
da0f7089
N
nutui
项目概览
京东前端
/
nutui
通知
37
Star
4
Fork
1
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
N
nutui
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
提交
da0f7089
编写于
3月 11, 2019
作者:
F
Frans
浏览文件
操作
浏览文件
下载
差异文件
Merge branch 'v2' of
https://github.com/jdf2e/nutui
into v2
上级
28730e51
0e7f06e2
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
28 addition
and
18 deletion
+28
-18
src/packages/shortpassword/shortpassword.scss
src/packages/shortpassword/shortpassword.scss
+16
-6
src/packages/shortpassword/shortpassword.vue
src/packages/shortpassword/shortpassword.vue
+12
-12
未找到文件。
src/packages/shortpassword/shortpassword.scss
浏览文件 @
da0f7089
...
...
@@ -114,17 +114,17 @@ ul {
width: 322px;
display: inline-block;
ul {
padding-top: 11
.5
px;
padding-top: 11px;
}
li {
float: left;
margin-left: 7
.5
px;
margin-left: 7px;
}
input {
height: 45px;
width: 45px;
border: 0;
background
-color: #fff
;
background
:none
;
text-align: center;
font-size: 16px;
}
...
...
@@ -149,6 +149,7 @@ ul {
width: 90%;
height: 225px;
border-radius: 6px;
}
.nut-forget {
text-align: right;
...
...
@@ -185,8 +186,17 @@ ul {
}
//适配
@media screen and (min-width: 376px) {
.nut-fake-cursor {
top: 50px;
@media screen and (max-width: 320px) {
.nut-short-pwd .nut-layer .nut-input-w .nut-fake-list{
width:320px;
}
.nut-short-pwd .nut-layer-center .nut-input-w .nut-fake-list{
width:280px;
}
.nut-short-pwd .nut-layer .nut-input-w .nut-fake-list li{
margin-left:4px;
input{
width:42px;
}
}
}
\ No newline at end of file
src/packages/shortpassword/shortpassword.vue
浏览文件 @
da0f7089
...
...
@@ -19,7 +19,7 @@
</ul>
</div>
<
img
src=
"../../assets/img/cursor.gif"
class=
"nut-fake-cursor"
:style=
"fakeCursorStyle"
/
>
<
!--
<img
src=
"../../assets/img/cursor.gif"
class=
"nut-fake-cursor"
:style=
"fakeCursorStyle"
/>
--
>
<div
class=
"nut-forget"
v-if=
"link !=''"
>
<a
:href=
"link"
>
{{
nutTranslate
(
'
lang.shortpassword.tip2
'
)
}}
</a>
</div>
...
...
@@ -54,10 +54,10 @@ export default {
return
{
shortpwdValue
:
''
,
regExp
:
/^
[
0-9
]
*$/
,
fakeCursorStyle
:{
display
:
'
none
'
,
left
:
'
0px
'
},
//
fakeCursorStyle:{
//
display:'none',
//
left:'0px'
//
},
fakeInputItems
:[
{
id
:
1
,
...
...
@@ -117,15 +117,15 @@ export default {
if
(
val
.
length
<
6
){
let
num
=
this
.
$refs
.
nutFakeList
.
offsetLeft
+
26
;
var
left
=
val
.
length
*
54
+
num
;
this
.
fakeCursorStyle
=
{
'
left
'
:
left
+
'
px
'
,
'
display
'
:
'
block
'
}
//
this.fakeCursorStyle = {
//
'left':left+'px',
//
'display':'block'
//
}
}
else
{
this
.
fakeCursorStyle
=
{
'
display
'
:
'
none
'
}
//
this.fakeCursorStyle = {
//
'display':'none'
//
}
this
.
$refs
.
realInput
.
blur
();
this
.
timer
=
setTimeout
(()
=>
{
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录