Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Contribute to GitLab
Sign in
Toggle navigation
D
doublescreen-front
Project
Project
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
Registry
Registry
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
pengguangpu
doublescreen-front
Commits
cec1724d
Commit
cec1724d
authored
Feb 06, 2020
by
gaodapeng
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
增加动画,去除弹窗中的close
parent
0e3880a1
Hide whitespace changes
Inline
Side-by-side
Showing
6 changed files
with
77 additions
and
36 deletions
+77
-36
scandialog.acss
custom_widgets/scandialog/scandialog.acss
+41
-0
scandialog.axml
custom_widgets/scandialog/scandialog.axml
+5
-3
scandialog.js
custom_widgets/scandialog/scandialog.js
+7
-10
home.acss
pages/home/home.acss
+10
-0
home.axml
pages/home/home.axml
+2
-1
home.js
pages/home/home.js
+12
-22
No files found.
custom_widgets/scandialog/scandialog.acss
View file @
cec1724d
...
...
@@ -48,6 +48,47 @@ popUpScanBg{
margin-left: 34rpx;
}
.loading{
position:relative;
top:307rpx;
width:239rpx;
height:239rpx;
margin:0 auto;
-webkit-animation:loadingAnim .8s linear infinite;
}
@-webkit-keyframes loadingAnim{
0%{
-webkit-transform:rotate(0deg);
}
25%{
-webkit-transform:rotate(90deg);
}
50%{
-webkit-transform:rotate(180deg);
}
75%{
-webkit-transform:rotate(270deg);
}
100%{
-webkit-transform:rotate(360deg);
}
}
.loadingText{
position:absolute;
font-size:38rpx;
font-family:PingFangSC-Medium,PingFang SC;
font-weight:500;
color:rgba(0,0,0,0.85);
line-height:45rpx;
margin-top:404rpx;
align-text:center;
}
.resultContainer{
display: flex;
flex-direction: column;
...
...
custom_widgets/scandialog/scandialog.axml
View file @
cec1724d
...
...
@@ -3,7 +3,9 @@
<view style="position:absolute;width:100%;height:100%;left:0rpx;top:0rpx;background-color: rgba(0, 0, 0, 0.65);background-size:100% 100%;"/>
<view class="popUpScan">
<image class="close" mode="aspectFit" src="/images/icon_dialog_cancel.png" onTap="dialogClose"/>
<!-- <view class="close" onTap="dialogClose">
<image style="width:28rpx;height:28rpx;left:0rpx;top:0rpx;" mode="aspectFit" src="/images/icon_dialog_cancel.png" />
</view> -->
<!-- 初始状态 -->
<view style="display:flex;flex-direction:column;" a:if="{{dialogDisplay == show}}">
...
...
@@ -14,8 +16,8 @@
</view>
<!-- loading -->
<view style="position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;" a:if="{{dialogDisplay == loading}}" >
<image mode="aspectFit" src="/images/icon_dialog_loading.png"
style="position:relative;top:307rpx;width:239rpx;height:239rpx;margin:0 auto;
"/>
<view
style="position:absolute;font-size:38rpx;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:rgba(0,0,0,0.85);line-height:45rpx;margin-top:404rpx;align-text:center;
">{{loadingText}}</view>
<image mode="aspectFit" src="/images/icon_dialog_loading.png"
class="loading
"/>
<view
class="loadingText
">{{loadingText}}</view>
</view>
<!-- 结果页面-成功 -->
<view class="resultContainer" a:if="{{dialogDisplay == resultSuccess}}">
...
...
custom_widgets/scandialog/scandialog.js
View file @
cec1724d
...
...
@@ -6,7 +6,7 @@ Component({
resultSuccess
:
3
,
resultFailed
:
4
,
dialogDisplay
:
0
,
dialogDisplay
:
0
,
//本地存储更新
},
// 组件内部数据
props
:
{
...
...
@@ -18,25 +18,22 @@ Component({
resultFailureRemind
:
""
,
resultFailureText
:
""
,
displayDialog
:
0
,
},
// 可给外部传入的属性添加默认值
didMount
()
{
},
// 生命周期函数,加载成功
didUpdate
()
{},
//刷新
didUnmount
()
{},
//生命周期
didUpdate
()
{
},
//刷新
didUnmount
()
{
//生命周期
},
deriveDataFromProps
(
nextProps
)
{
// 组件创建时触发或更新时触发
this
.
setData
({
dialogDisplay
:
nextProps
.
displayDialog
}
)
console
.
log
(
"
deriveDataFromProps"
,
nextProps
,
this
.
props
,
this
.
data
);
console
.
log
(
"deriveDataFromProps"
,
nextProps
,
this
.
props
,
this
.
data
);
},
methods
:
{
// 自定义方法
dialogClose
(){
//隐藏
this
.
props
.
dialogDisplay
=
0
;
},
},
});
\ No newline at end of file
pages/home/home.acss
View file @
cec1724d
...
...
@@ -6,6 +6,16 @@ page{
align-items: center;
}
.bg{
position:absolute;
width:100%;
height:100%;
left:0rpx;
top:0rpx;
background:url(/images/bg_home.png) no-repeat fixed top;
background-size:100% 100%;
}
.container{
position: relative;
width: 750rpx;
...
...
pages/home/home.axml
View file @
cec1724d
<view class="page" >
<view
style="position:absolute;width:100%;height:100%;left:0rpx;top:0rpx;background:url(/images/bg_home.png) no-repeat fixed top;background-size:100% 100%;
" onTap="homeTap"/>
<view
class="bg
" onTap="homeTap"/>
<scandialog displayDialog="{{scanDialogDisplay}}"
remindText="请扫描兑换码"
...
...
@@ -8,6 +8,7 @@
resultSuccessText="恭喜您!兑换成功 "
resultFailureRemind="兑换码未识别"
resultFailureText="兑换失败,请稍后重试!"
/>
</view>
\ No newline at end of file
pages/home/home.js
View file @
cec1724d
...
...
@@ -17,22 +17,24 @@ Page({
}
},
scanDialog
(
ref
)
{
// if(ref.getAttribute("id") == "drawbackDialog"){
// }else if(ref.getAttribute("id") == ""){
// }
},
homeTap
()
{
// this.showDialog();
//FIXME 这里是跳转到新的界面
my
.
navigateTo
({
url
:
"/pages/
balance/balance
"
url
:
"/pages/
scan/scan
"
});
},
//显示弹窗,>1为显示,2loading 3 result success 4 result failed
showDialog
()
{
this
.
setData
({
scanDialogDisplay
:
1
}
)
console
.
log
(
this
.
data
.
scanDialogDisplay
);
},
//外接扫码枪事件
onKeyPress
(
r
)
{
...
...
@@ -47,18 +49,6 @@ Page({
});
},
//显示弹窗,>1为显示,2loading 3 result success 4 result failed
showDialog
()
{
this
.
setData
({
scanDialogDisplay
:
1
}
)
console
.
log
(
this
.
data
.
scanDialogDisplay
);
},
//核销券
verifyCoupon
(
code
)
{
this
.
setData
({
scanDialogDisplay
:
2
})
...
...
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