sys 2 жил өмнө
parent
commit
4cec0b6bfe

+ 40 - 7
components/dgex-tantan/dgex-tantan.vue

@@ -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;

BIN
static/img/index/authentication.png