左右滑动接口对接完成

api/discovery.js

@@ -4,4 +4,6 @@ const goodsUrl = '/admin/discovery/'
 // 猜你喜欢
 export const getMoments = (data) => request(goodsUrl + 'moments', 'get', { ...data })
 export const getDiscoverList = (data) => request(goodsUrl + 'list', 'get', { ...data })
+export const setLike = (data) => request(goodsUrl + 'right/'+data, 'get', {  })
+export const setDislike = (data) => request(goodsUrl + 'left/'+data, 'get', {  })
 

components/dgex-tantan/dgex-tantan.vue

@@ -103,6 +103,7 @@
 <script>
 	import tools from "@/service/tools";
   import UserContent from "@/pages/index/model/user-content";
+  import {setDislike, setLike} from "@/api/discovery";
   export default {
 		name: "slide",
     components: {UserContent},
@@ -198,10 +199,6 @@
         if(this.animationData){
           return false
         }
-
-        // this.touchEndNext(this.currentIndex)
-        // return;
-        console.log('type:'+type)
         if( this.overturnType<=0){
           let imgNum=item.images.length-1
           if(type===0){
@@ -222,7 +219,6 @@
           setTimeout(()=>{
             this.animationData=null
           },300)
-          console.log('item.imgIndex:'+item.imgIndex)
         }
       },
       setOverturnImg(item){
@@ -308,8 +304,6 @@
 				}
         this.x.move = e.touches[0].pageX;
         this.y.move = e.touches[0].pageY;
-        // console.log('this.x.start:'+this.x.start+'this.x.move:'+this.x.move)
-        // console.log('this.y.start:'+this.y.start+'this.y.move:'+this.y.move)
         this.list[index].x = this.x.move - this.x.start
         this.list[index].y = this.y.move - this.y.start
         let moveX= Math.abs(this.list[index].x)
@@ -368,6 +362,16 @@
           this.setBox(index+1,3)
 				}
 			},
+      setLike(userId){
+        setLike(userId).then((res)=>{
+          console.log(res)
+        })
+      },
+      setDislike(userId){
+        setDislike(userId).then((res)=>{
+          console.log(res)
+        })
+      },
 			touchEndNext(index) {
 				this.slideing = true;
 				this.list[index].x = this.list[index].x * 5;
@@ -375,6 +379,14 @@
         this.list[index].moveX *= 5 ;
         this.list[index].angleNum *= 5;
         this.setBox(this.currentIndex+1,1)
+        console.log(this.list[this.currentIndex])
+        if(this.love !== 0){
+          //选择了喜欢
+          this.setLike(this.list[this.currentIndex].userId)
+        }else {
+          //选择了不喜欢
+          this.setDislike(this.list[this.currentIndex].userId)
+        }
 				this.touchEndDone()
 			},
 			touchEndDone() {
@@ -388,6 +400,7 @@
 							currentItem: this.list[this.currentIndex],
 							type: this.love !== 0 ? 'love' : 'dislike'
 						})
+
 						this.currentIndex++
 						this.x.move = 0
 						this.y.move = 0

pages/index/model/slide-item.vue

@@ -1,6 +1,6 @@
 <template>
   <view class="slide-box">
-    <tantan ref="jmList"  @onChange="change" @onClickImage="clickImage"></tantan>
+    <tantan ref="jmList"  @onChange="getDiscoverList" @onClickImage="clickImage"></tantan>
   </view>
 </template>
 
@@ -26,7 +26,6 @@ export default {
 
   mounted() {
 
-    // this.change({'currentIndex':1})
     this.getDiscoverList()
   },
   methods: {
@@ -34,74 +33,43 @@ export default {
       if(this.isAjax){
         return
       }
-
       this.isAjax=true
       getDiscoverList({'count':10}).then((res)=>{
         this.isAjax=false
-        this.list=res
-        let arr=[]
-        res.forEach((item)=>{
-          let galleryUrls=item.galleryUrls
-          let age=tools.getAge(item.dateOfBirth)
-          if(galleryUrls.length>0){
-            if(galleryUrls.length>8){
-              galleryUrls=galleryUrls.slice(0,7)
-            }
-            let newdata = {
-              image: galleryUrls[0],
-              images: galleryUrls,
-              imgIndex:0,
-              title:  item.nickname,
-              age:  age,
-              online:  item.online,
-              longitude:  item.longitude,
-              latitude:  item.latitude,
-              distance: 17,
-              city:  item.province+' '+item.city,
-              weChat:  item.wechatId,
-              animation:{}
+        if(res.code===0){
+          this.list=res
+          let arr=[]
+          res.data.forEach((item)=>{
+            let galleryUrls=item.galleryUrls
+            let age=tools.getAge(item.dateOfBirth)
+            if(galleryUrls.length>0){
+              if(galleryUrls.length>8){
+                galleryUrls=galleryUrls.slice(0,7)
+              }
+              let newdata = {
+                image: galleryUrls[0],
+                images: galleryUrls,
+                imgIndex:0,
+                title:  item.nickname,
+                userId:  item.userId,
+                age:  age,
+                online:  item.online,
+                longitude:  item.longitude,
+                latitude:  item.latitude,
+                distance: 17,
+                city:  item.province+' '+item.city,
+                weChat:  item.wechatId,
+                animation:{}
+              }
+              console.log(newdata)
+              arr.push(newdata)
             }
-            console.log(newdata)
-            arr.push(newdata)
-          }
-
-        })
-        this.$refs.jmList.setData(arr)
-      })
-    },
 
-    change(data) {
-      // 判断倒数
-      let arr=[]
-      // 模拟一下最加数据
-      const tu = [
-        'https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2021%2F0704%2Fc7a27a1ej00qvpu700019c000hs00vlc.jpg&thumbnail=660x2147483647&quality=80&type=jpg',
-        'https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2021%2F0704%2F9f81e6aaj00qvpu70001xc000hs00vmc.jpg&thumbnail=660x2147483647&quality=80&type=jpg',
-        'https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2021%2F0704%2F55bf2cb3j00qvpu70002cc000hs012jc.jpg&thumbnail=660x2147483647&quality=80&type=jpg',
-        'https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2021%2F0704%2F2017725bj00qvpu70001jc000hs00zxc.jpg&thumbnail=660x2147483647&quality=80&type=jpg'
-      ]
-      for (let index = 0; index < 10; index++) {
-        const n = Math.floor(Math.random() * (tu.length - 1))
-        let newdata = {
-          image: tu[n],
-          images: [
-            'https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2021%2F0704%2Fc7a27a1ej00qvpu700019c000hs00vlc.jpg&thumbnail=660x2147483647&quality=80&type=jpg',
-            'https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2021%2F0704%2F9f81e6aaj00qvpu70001xc000hs00vmc.jpg&thumbnail=660x2147483647&quality=80&type=jpg',
-            'https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2021%2F0704%2F55bf2cb3j00qvpu70002cc000hs012jc.jpg&thumbnail=660x2147483647&quality=80&type=jpg',
-            'https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2021%2F0704%2F2017725bj00qvpu70001jc000hs00zxc.jpg&thumbnail=660x2147483647&quality=80&type=jpg'
-          ],
-          imgIndex:0,
-          title: '你好',
-          age: '19',
-          distance: '19.6',
-          city: '香港九龙城',
-          weChat: 'siococos',
-          animation:{}
+          })
+          this.$refs.jmList.setData(arr)
         }
-        arr.push(newdata)
-      }
-      this.$refs.jmList.setData(arr)
-      // console.log(data);
+
+      })
     },
     clickImage(data) {
       console.log(data);