浏览代码

[问卷调查][增加]:问卷调查增加动画

tags/2.2.7
meo 6 年前
父节点
当前提交
5af81e0ebf
共有 2 个文件被更改,包括 36 次插入14 次删除
  1. +30
    -9
      components/questionnaire/questionnaire.js
  2. +6
    -5
      components/questionnaire/questionnaire.wxml

+ 30
- 9
components/questionnaire/questionnaire.js 查看文件

@@ -9,19 +9,40 @@ Component({
},
data: {
flag: false,
widthScreen: null,
moveData: null,
rotateData: null,
alphaData: null,
scaleData: null,
skewData: null,
matrixData: null
},
methods:{
close:function(){
this.setData({ flag: true })
this.alphaClick();
this.queueClick();
},
/**
* 点击提交问题
*/
formSubmit:function(e){
console.log(e);
console.log(e.target.dataset.questitle)
console.log(e.target.dataset.question)
this.alphaClick();
this.queueClick();
},
queueClick: function () {
var animation = wx.createAnimation({});
animation.translate((this.data.widthScreen - 0), 0).scale(0).opacity(0.5).step({ duration: 3000 })
this.setData({ queueData: animation.export() })
},
alphaClick: function (even) {
var animation = wx.createAnimation({})
animation.opacity(0).step({ duration: 2000 })
this.setData({ alphaData: animation.export() })
}
},
onReady: function () {
console.log(this.questionnaire, 999999999)
},
onLoad: function (options) {
console.log(this.questionnaire, 999999999)
},
onShow: function () {
console.log(this.questionnaire, 999999999)
onLoad(){
}
});

+ 6
- 5
components/questionnaire/questionnaire.wxml 查看文件

@@ -1,13 +1,14 @@
<view class="b1" hidden="{{flag}}">
<view class='con'>
<view class="b1" hidden="{{flag}}" animation="{{alphaData}}">
<view class='con' animation="{{queueData}}">
<image class='close' mode='widthFix' src="./../../assets/img/closed.png" bindtap="close"></image>
<image class='image' src="./../../assets/img/headbg.png" mode='widthFix'></image>
<image class='img image' src="./../../assets/img/ques_bg.png" mode='widthFix'></image>
<form class='question' bindsubmit="formSubmit" bindreset="formReset">
<view class='question' bindtap="formSubmit">
<text class='title'>{{questionnaire.title}}</text>
<view class='quessss'>
<view class='ques' wx:for="{{questionnaire.questions}}" wx:key="{{index}}">{{item.ques}}</view>
<view class='ques' wx:for="{{questionnaire.questions}}" data-question='{{item.ques}}' data-questitle='{{questionnaire.title}}' wx:key="{{index}}">{{item.ques}}</view>
</view>
</form>
</view>
</view>
<!-- <view style='width:60px;height:60px;background-color:yellow;' animation="{{queueData}}" bindtap='queueClick'>移动\n变小\n透明</view> -->
</view>

正在加载...
取消
保存