Commit b4332915 authored by ziyu's avatar ziyu

docs: 和合并

parents 90996972 48eaf8d7
...@@ -52,8 +52,8 @@ ...@@ -52,8 +52,8 @@
created() { created() {
setTimeout(() => { setTimeout(() => {
this.showAnimation = true; this.showAnimation = true;
// this.click(); this.click();
}); },1000);
} }
}); });
</script> </script>
......
This diff is collapsed.
...@@ -10,7 +10,13 @@ ...@@ -10,7 +10,13 @@
import wepy from '@wepy/core'; import wepy from '@wepy/core';
wepy.component({ wepy.component({
methods: {
onShareAppMessage: function(res) {
if (res.from === 'button') {
console.log('onShareAppMessage1', res.target);
}
}
}
}); });
</script> </script>
<style lang="less"> <style lang="less">
...@@ -24,52 +30,53 @@ ...@@ -24,52 +30,53 @@
// z-index: 1; // z-index: 1;
.meteor { .meteor {
position: fixed; position: fixed;
top: 396rpx; top: 247rpx;
left: 44rpx; left: 94rpx;
width: calc(100% - 120rpx);; width: calc(100% - 170rpx);;
height: 0; height: 0;
// border: 2rpx solid #000; // border: 2rpx solid #000;
z-index: 1; z-index: 10;
transform: rotateZ(3deg) transform: rotateZ(-10deg)
} }
.star { .star {
position: absolute; position: absolute;
left: -3rpx; left: -3rpx;
// bottom: -220rpx; // bottom: -220rpx;
top: -3rpx; top: -7rpx;
// left: -43%; // left: -43%;
height: 10rpx; height: 10rpx;
width: 150rpx;
background: linear-gradient(-45deg,rgba(255,255,255,0),yellow); background: linear-gradient(-45deg,rgba(255,255,255,0),yellow);
transform: translateX(300rpx); transform: translateX(300rpx);
// background: -webkit-linear-gradient(-45deg,rgba(255,255,255,0),yellow); // background: -webkit-linear-gradient(-45deg,rgba(255,255,255,0),yellow);
/*此处为下一步的添加动画*/ /*此处为下一步的添加动画*/
-webkit-animation: tail 1s ease-in forwards, shooting 1s ease-in forwards; // -webkit-animation: tail 1s ease-in forwards, shooting 1s ease-in forwards;
-o-animation: tail 1s ease-in forwards, shooting 1s ease-in forwards; // -o-animation: tail 1s ease-in forwards, shooting 1s ease-in forwards;
animation: tail 1s ease-in forwards, shooting 1s ease-in forwards; animation: tail 1s ease-in forwards, shooting 1s ease-in forwards;
} }
.star::before{ .star::before{
content: ""; content: "";
position: absolute; position: absolute;
top: -15rpx; top: -29rpx;
left: 6rpx; left: -52rpx;
width: 78rpx;
height: 78rpx;
// top: calc(100% - 1px); // top: calc(100% - 1px);
// left: 100%; // left: 100%;
height: 40rpx; background: url('http://activitystatic.xyqb.com/sign@2x.png') 0 0/contain no-repeat;
width: 40rpx;
background: url('http://activitystatic.xyqb.com/sign@2x-76_74px.png') 0 0/contain no-repeat;
// background: -webkit-linear-gradient(45deg,rgba(255,255,255,0),yellow,rgba(255,255,255,0)); // background: -webkit-linear-gradient(45deg,rgba(255,255,255,0),yellow,rgba(255,255,255,0));
/*此处为下一步的添加动画*/ /*此处为下一步的添加动画*/
// -webkit-animation: shining 3s ease-in-out infinite; // -webkit-animation: shining 3s ease-in-out infinite;
// -o-animation: shining 3s ease-in-out infinite; // -o-animation: shining 3s ease-in-out infinite;
// animation: shining 3s ease-in-out infinite; animation: shining 1s ease-in-out forwards;
} }
.star:before { .star:before {
transform: translateX(-50%) rotateZ(-45deg); transform: rotateZ(15deg);
transform: -webkit-translateX(-50%) -webkit-rotateZ(-45deg); // transform: -webkit-translateX(-50%) -webkit-rotateZ(-45deg);
} }
.star:after { .star:after {
transform: translateX(-50%) rotateZ(45deg); // transform: translateX(-50%) rotateZ(45deg);
transform: -webkit-translateX(-50%) -webkit-rotateZ(45deg); // transform: -webkit-translateX(-50%) -webkit-rotateZ(45deg);
} }
// @-webkit-keyframes shining { // @-webkit-keyframes shining {
...@@ -78,9 +85,10 @@ ...@@ -78,9 +85,10 @@
// 100% {width: 0;} // 100% {width: 0;}
// } // }
@keyframes shining { @keyframes shining {
0% {width: 0;} 0% {transform: scale(1);}
50% {width: 60rpx;} // 50% {transform: scale(0.8);}
100% {width: 0;} 99% {transform: scale(0.6);}
100% {transform: scale(0);}
} }
// @-webkit-keyframes tail { // @-webkit-keyframes tail {
// 0% {width: 0;} // 0% {width: 0;}
...@@ -89,7 +97,10 @@ ...@@ -89,7 +97,10 @@
// } // }
@keyframes tail { @keyframes tail {
0% {width: 0;} 0% {width: 0;}
30% {width: 150rpx;} 10% {width: 0;}
50% {width: 150rpx;}
65% {width: 50rpx;}
80% {width: 150rpx;}
100% {width: 0;} 100% {width: 0;}
} }
// @-webkit-keyframes shooting { // @-webkit-keyframes shooting {
...@@ -105,7 +116,7 @@ ...@@ -105,7 +116,7 @@
@keyframes shooting { @keyframes shooting {
0% { 0% {
// -webkit-transform: translateX(0); // -webkit-transform: translateX(0);
transform: translateX(630rpx); transform: translateX(610rpx);
} }
100% { 100% {
// -webkit-transform: translateX(350px); // -webkit-transform: translateX(350px);
......
...@@ -105,6 +105,10 @@ ...@@ -105,6 +105,10 @@
type: Array, type: Array,
value: [] value: []
}, },
loading: {
type: Boolean,
default: false
},
duration: { duration: {
type: Number, type: Number,
value: 800 value: 800
......
...@@ -240,7 +240,6 @@ ...@@ -240,7 +240,6 @@
import store from '../store'; import store from '../store';
import { mapState, mapActions } from '@wepy/x'; import { mapState, mapActions } from '@wepy/x';
import wepy from '@wepy/core'; import wepy from '@wepy/core';
import Dialog from '../components/vant/dialog/dialog';
wepy.page({ wepy.page({
store, store,
hooks: { hooks: {
...@@ -263,8 +262,7 @@ ...@@ -263,8 +262,7 @@
sign: false, sign: false,
showAnimation: false, showAnimation: false,
userImgStyle:'', userImgStyle:'',
total: 4, goldNum:2500,
goldNum: 2500,
}, },
computed: { computed: {
...@@ -503,7 +501,10 @@ ...@@ -503,7 +501,10 @@
} }
}, },
getAwards: function() { getAwards: function() {
this.awards = !this.awards; wx.navigateTo({
url: '/pages/raffle?id=1&progress=70&chance=1/780&corn=50000&imgsrc=/static/images/test2.png&goods=Nintendo Switch任天堂游戏机任天堂游戏机'
});
// this.awards = !this.awards;
} }
}, },
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment