我的关注和我的浏览

src/axios/api.js

@@ -86,7 +86,19 @@ live: {
     },
     sigurature:function(data){
         return service.post('/upload/sigurature/'+11, data)
-    }
+    },
+    followAnchor:function(data){
+        return service.post('/app/live/followAnchor', data)
+    },
+    getLiveHistory:function(data){
+        return service.post('/app/live/getLiveHistory', data)
+    },
+    getFollowAnchor:function(data){
+        return service.post('/app/live/getFollowAnchor', data)
+    },
+   
+    
+    
    
    
 

src/views/fullScreen.vue

@@ -511,8 +511,9 @@ export default {
                     this.lvrId=res.data.data.lvrId//直播间id
                     this.lvrUbId=res.data.data.lvrUbId//主播id
                     // res.data.data.seeDuration
+                    localStorage.setItem('lvrUbId',this.lvrUbId);
                     let timer=res.data.data.seeDuration
-                
+                    console.log(this.lvrUbId,'主播')
                  
                     console.log("token",token)
              console.log("头像",img)

src/views/mine/follow.vue

@@ -3,18 +3,19 @@
           <img src="../../assets/left.png" alt="" class="Lent_p" @click="go">
            <div class="brow">我的关注</div>
          
-           <div class="Flor">
+           <div class="Flor" v-for="(item,index) in List_p" :key="index">
                 <div style="display:flex">
-                    <img src="../../assets/toux.png" alt="" class="Pong">
+                    <img :src="item.udPhotoFileidNew" alt="" class="Pong">
                     <div class="name">
-                        <div>林秋平</div>
-                        <div class="Ti">文字</div>
+                        <div>{{item.udNickname}}</div>
+                        <div class="Ti">{{item.udSxMemo}}</div>
                        
                     </div>
                 </div>
-                <div class="J_go">
-                    <img src="../../assets/follow.png" alt=""  class="Img_s" @click="fotwo" v-if="isactiveTwo">
-                     <img src="../../assets/vit.png" alt=""  class="Img_s" @click="fo" v-if="isactive">
+                <div class="J_go"> 
+                      
+                     <img v-if='item.ifFllow==true' src="../../assets/vit.png" alt=""  class="Img_s" @click="fotwo(index)" >
+                     <img v-if='item.ifFllow==false' src="../../assets/follow.png" alt=""  class="Img_s" @click="fo(index)" >
                 </div>
            </div>
             
@@ -29,28 +30,65 @@ export default {
     data () {
         return {
             isactive:false,
-            isactiveTwo:true
+            isactiveTwo:true,
+            List_p:[],
+            lvrUbId :''
         }
     },
     created () { },
     mounted () {
         this.beforeCreate()
+        this.getFollowAnchor()
+         
      },
     methods: {
-        fotwo:function(){
+        fotwo:function(e){
+          this.List_p[e].ifFllow=false
           this.isactiveTwo = false;
           this.isactive = true;
+          this.followAnchor()
 
         },
-         fo:function(){
-          this.isactiveTwo = true;
-          this.isactive = false;
+         fo:function(e){
+            this.List_p[e].ifFllow=true
+            this.isactiveTwo = true;
+            this.isactive = false;
+            this.followAnchor()
 
         },
         go:function(){
            
          this.$router.push({name:'mine'})
       },
+        followAnchor(){
+             this.lvrUbId=localStorage.getItem('lvrUbId');//直播id
+              console.log(this.lvrUbId,'-=----------------')
+            let temp=this.qs.stringify({
+                lvrUbId:this.lvrUbId,
+                type:1,
+                applicationType:4 
+            })
+                this.server.live.followAnchor(temp).then(res=>{
+                
+              
+            })
+        },
+        getFollowAnchor(){
+             let temp=this.qs.stringify({
+                // lvrUbId:26,
+                // type:1,
+                // applicationType:4 
+            })
+                this.server.live.getFollowAnchor(temp).then(res=>{
+                    let list=res.data.data.list
+                    list.forEach(i => {
+                        i.ifFllow=true
+                    });
+                    this.List_p= list
+                console.log(this.lvrUbId,'-=----------------')
+              
+            })
+        },
         beforeCreate () {
            document.querySelector('body').setAttribute('style', 'background-color:rgba(247, 247, 247, 1);')
         },
@@ -141,10 +179,21 @@ export default {
     color: #2C2C2C;
 }
 .name .Ti{
-    font-size: 14px;
+   font-size: 3.73333vw;
     font-family: PingFangSC-Regular, PingFang SC;
     font-weight: 400;
     color: #666666;
-    line-height: 20px;
+    line-height: 5.33333vw;
+    overflow: hidden;
+   
+    height: 61px;
+    /* color: #999999; */
+    font-size: 24rpx;
+    text-overflow: ellipsis;
+    z-index: -1;
+    display: -webkit-box;
+    word-break: break-all;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 3;
 }
 </style>