瀏覽代碼

[问卷调查显示效果][修改]:问卷调查显示的效果修改为缓慢显示

tags/富茂客官2.3.1
meo 6 年之前
父節點
當前提交
b6b16aac90
共有 3 個檔案被更改,包括 51 行新增55 行删除
  1. +23
    -17
      pages/coupon/detail/index.js
  2. +25
    -29
      pages/coupon/detail/index.wxml
  3. +3
    -9
      pages/coupon/detail/index.wxss

+ 23
- 17
pages/coupon/detail/index.js 查看文件

@@ -10,7 +10,6 @@ Page({
},
questions1: null,
questions2: null,
display: "none",
carList: [],
couponChannelId: null,
couponId: null,
@@ -34,7 +33,12 @@ Page({
scaleData: null,
skewData: null,
matrixData: null,
flag: false
// flag: false,
scale01:0,
opacity01:0,
queueData:null,
zIndex:11,
display:null
},
phone: function () {
let that = this;
@@ -92,30 +96,21 @@ Page({

closeQuestion: function () {
let that = this;
var animation = wx.createAnimation({})
setTimeout(function () {
that.setData({
flag: false
})
}, 1000)
animation.translate((this.data.widthScreen - 0), 0).scale(0).opacity(0.5).step({
duration: 1000
})
that.setData({
alphaData: animation.export()
});
display:"none",
zIndex: 11,
})
setTimeout(function () {
that.orderFunc();
}, 1100)
}, 300)
},

/**
* gotopay
*/
gotopay: function () {
let that = this;
that.setData({
alphaData: null
queueData: null
})
Http.get({
url: config.api.getQuestion,
@@ -127,9 +122,18 @@ Page({
console.log(res);
if (res.data == undefined) {
that.orderFunc();
that.setData({
flag: false
})
} else if (res.data) {
var animation = wx.createAnimation({});
animation.translate((that.data.widthScreen - that.data.widthScreen), 0).scale(1).opacity(1).step({
duration: 1000
})

that.setData({
flag: true,
queueData: animation.export(),
zIndex:9,
questionnaire: JSON.parse(res.data.content),
questionId: res.data.id
});
@@ -144,6 +148,8 @@ Page({
});
})
},


countdown(end_time) {
let that = this;
var EndTime = end_time;


+ 25
- 29
pages/coupon/detail/index.wxml 查看文件

@@ -40,8 +40,6 @@
</view>
<text class="restNum fr">剩余<text>{{data.remainInventory}}件</text></text>
</view>


<view class='rest' wx:if="{{data.validType==2}}">有效期:自领取之日起
<text class='time'>{{validDays}}</text>天内有效</view>
<view class='rest' wx:if="{{data.validType==1}}">有效期:
@@ -81,7 +79,7 @@
</view>
</view>
</view>
<view class="buy-view app-border-top">
<view class="buy-view app-border-top" style="position:fixed;z-index:{{zIndex}};">
<button bindtap='gotopay' hover-class='active' class='buy' wx:if="{{data.salePriceStr!=0&&data.remainInventory!=0&&endtime!='活动已结束'}}">
<text class='txt'>{{data.salePriceStr}}元</text>马上购买</button>
<button bindtap='gotopay' class='buy' wx:if="{{data.salePriceStr==0&&data.remainInventory!=0&&endtime!='活动已结束'}}">免费领取</button>
@@ -91,32 +89,30 @@
</view>
</view>
<!-- 问卷调查 -->
<view wx:if="{{flag}}">
<view class="b1" >
<view id='con' class='con' animation="{{alphaData}}">
<image class='close' mode='widthFix' src="./../../../assets/img/closed.png" bindtap="closeQuestion"></image>
<image class='ques_gou' mode='widthFix' src="./../../../assets/img/ques_gou.png"></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>
<view class='question'>
<text class='titles'>{{questionnaire.title}}</text>
<!-- 单选 -->
<radio-group class="radio-group" wx:if="{{questionnaire.flag=='single'}}" data-flags="sigle" bindtap="formSubmit"
data-questionId="{{questionId}}">
<radio class="radio ques" wx:for="{{questionnaire.answers}}" wx:key="{{index}}" value="{{item.id}}"
data-answer="{{item.name}}" data-answerId="{{item.id}}">
<view>{{item.name}}</view>
</radio>
</radio-group>
<!-- 多选 -->
<checkbox-group bindchange="checkboxChange" wx:if="{{questionnaire.flag=='multi'}}" bindchange="checkboxChange">
<label class="radio ques" wx:for="{{questionnaire.answers}}" wx:key="index">
<checkbox value="{{item.id}}" />{{item.name}}
</label>
</checkbox-group>
<view class='ques btns' wx:if="{{questionnaire.flag=='multi'}}" data-flags='multi' bindtap='formSubmit'
data-questionId="{{questionId}}">确定</view>
</view>
<view class="b1" style="opacity:0;display: {{display}}" animation="{{queueData}}">
<view id='con' class='con'>
<image class='close' mode='widthFix' src="./../../../assets/img/closed.png" bindtap="closeQuestion"></image>
<image class='ques_gou' mode='widthFix' src="./../../../assets/img/ques_gou.png"></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>
<view class='question'>
<text class='titles'>{{questionnaire.title}}</text>
<!-- 单选 -->
<radio-group class="radio-group" wx:if="{{questionnaire.flag=='single'}}" data-flags="sigle" bindtap="formSubmit"
data-questionId="{{questionId}}">
<radio class="radio ques" wx:for="{{questionnaire.answers}}" wx:key="{{index}}" value="{{item.id}}" data-answer="{{item.name}}"
data-answerId="{{item.id}}">
<view>{{item.name}}</view>
</radio>
</radio-group>
<!-- 多选 -->
<checkbox-group bindchange="checkboxChange" wx:if="{{questionnaire.flag=='multi'}}" bindchange="checkboxChange">
<label class="radio ques" wx:for="{{questionnaire.answers}}" wx:key="index">
<checkbox value="{{item.id}}" />{{item.name}}
</label>
</checkbox-group>
<view class='ques btns' wx:if="{{questionnaire.flag=='multi'}}" data-flags='multi' bindtap='formSubmit'
data-questionId="{{questionId}}">确定</view>
</view>
</view>
</view>

+ 3
- 9
pages/coupon/detail/index.wxss 查看文件

@@ -30,7 +30,7 @@ page {
border-top-left-radius: 20rpx;
border-top-right-radius: 20rpx;
margin-top: -25rpx;
z-index: 10;
z-index: 3;
}

.fenxiang {
@@ -265,14 +265,12 @@ page {

.buy-view {
background: #fff;
position: fixed;
height: 96rpx;
bottom: 0;
left: 0;
right: 0;
padding-bottom: 22rpx;
padding-top: 22rpx;
z-index: 100;
}

.buy {
@@ -295,7 +293,7 @@ page {
margin: auto;
width: 50rpx;
height: 50rpx;
z-index: 10;
z-index: 3;
}

.txt {
@@ -348,9 +346,6 @@ page {
font-weight:bold;
background: #ff4949;
}
.ques{
display: none;
}

.b1 {
position: fixed;
@@ -360,7 +355,7 @@ page {
right: 0px;
background: rgba(0, 0, 0, 0.8);
overflow: hidden;
z-index: 100;
z-index: 10;
}

.con {
@@ -401,7 +396,6 @@ page {
border-bottom: 1rpx solid #eee;
}


.titles {
width: 511rpx;
display: block;


Loading…
取消
儲存