|
|
@@ -23,7 +23,10 @@
|
|
|
<view >
|
|
|
<image class="tantan-slide-img" v-show="imgIndex===imgKey" v-for="(img,imgIndex) in item.images" :style="{height: winHeigh + 'px'}" mode="aspectFill" :src="img" ></image>
|
|
|
</view>
|
|
|
-
|
|
|
+ <view class="user-authentication">
|
|
|
+ <image class="authentication-img" mode="aspectFill" src="/static/img/index/authentication.png" ></image>
|
|
|
+ <view class="authentication-text sys-color-white sys-weight-600">真实头像</view>
|
|
|
+ </view>
|
|
|
<view class="slide-img-click">
|
|
|
<view class="slide-img-click-item" @click.stop="setImgKey(item,0)"></view>
|
|
|
<view class="slide-img-click-item" @click.stop="setImgKey(item,1)"></view>
|
|
|
@@ -159,7 +162,7 @@
|
|
|
},
|
|
|
setOverturnImg(item){
|
|
|
let animation = uni.createAnimation({
|
|
|
- duration: 100,
|
|
|
+ duration: 80,
|
|
|
timingFunction: 'ease',
|
|
|
})
|
|
|
animation.rotateY(3).scale(1.01).step()
|
|
|
@@ -167,19 +170,23 @@
|
|
|
tools.vibrate()
|
|
|
this.animationData = animation.export()
|
|
|
setTimeout(function() {
|
|
|
- animation.rotateY(0).scale(1).step()
|
|
|
+ animation.rotateY(-3).scale(0.99).step()
|
|
|
this.animationData = animation.export()
|
|
|
- }.bind(this), 100)
|
|
|
+ setTimeout(function() {
|
|
|
+ animation.rotateY(0).scale(1).step()
|
|
|
+ this.animationData = animation.export()
|
|
|
+ }.bind(this), 80)
|
|
|
+ }.bind(this), 80)
|
|
|
|
|
|
},
|
|
|
setOverturnTwo(){
|
|
|
// tools.error('two')
|
|
|
// return;
|
|
|
let animation = uni.createAnimation({
|
|
|
- duration: 100,
|
|
|
+ duration: 80,
|
|
|
timingFunction: 'ease',
|
|
|
})
|
|
|
- animation.rotateY(5).step()
|
|
|
+ animation.rotateY(3).step()
|
|
|
tools.vibrate()
|
|
|
let overturnNum=1
|
|
|
let overturnServe=setInterval(()=>{
|
|
|
@@ -190,7 +197,7 @@
|
|
|
}else {
|
|
|
let overturnType=(overturnNum%2===1)?1:2
|
|
|
if(overturnType===1){
|
|
|
- animation.rotateY(-5).step()
|
|
|
+ animation.rotateY(-3).step()
|
|
|
tools.vibrate()
|
|
|
}else {
|
|
|
animation.rotateY(0).step()
|
|
|
@@ -269,7 +276,9 @@
|
|
|
this.touchEndDone()
|
|
|
},
|
|
|
touchEndDone() {
|
|
|
+
|
|
|
return new Promise((resolve) => {
|
|
|
+ this.imgKey=0
|
|
|
setTimeout(() => {
|
|
|
this.slideing = false
|
|
|
this.$emit('onChange', {
|
|
|
@@ -396,6 +405,30 @@
|
|
|
height: 100%;
|
|
|
}
|
|
|
}
|
|
|
+ .user-authentication{
|
|
|
+ z-index: 101;
|
|
|
+ position: absolute;
|
|
|
+ top: 32rpx;
|
|
|
+ left: 24rpx;
|
|
|
+ width: 150rpx;
|
|
|
+ height: 36rpx;
|
|
|
+ border-radius: 8rpx;
|
|
|
+ background: rgba(0,0,0,0.2);
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ padding: 4rpx 8rpx;
|
|
|
+ .authentication-img{
|
|
|
+ width: 28rpx;
|
|
|
+ height: 28rpx;
|
|
|
+ margin-right: 8rpx;
|
|
|
+ margin-top: 4rpx;
|
|
|
+ }
|
|
|
+ .authentication-text{
|
|
|
+ font-size: 24rpx;
|
|
|
+ height: 36rpx;
|
|
|
+ line-height: 36rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
.img-num-list{
|
|
|
z-index: 101;
|
|
|
position: absolute;
|