小屏直播试看关注调用支付弹窗

src/axios/api.js

@@ -45,6 +45,10 @@ live: {
     tourist:function(data){
         return service.post('/auth/tourist', data)
     },
+    //关注接口
+    follow:function(data){
+        return service.post('/app/live/followAnchor', data)
+    },
     //更新试看时间
     updataTime:function(data){
         return service.post('/oapi/v1/H5/live/update/duration', data)

src/axios/request.js

@@ -9,9 +9,9 @@ const appName = "test5"
 
 const IS_PROD = ["production", "prod"].includes(process.env.NODE_ENV);
 // 接口路径
-const BASEURL_TEST = 'https://api.douniu8.com'
+const BASEURL_TEST = 'https://test6.douniu8.com'
 // const BASEURL_TEST = 'http://39.105.193.58:8081'
-const BASEURL_PROD = 'https://api.douniu8.com'
+const BASEURL_PROD = 'https://test6.douniu8.com'
 const CONTRACT_TEST = 'http://47.95.140.89:9090'
 const CONTRACT_PROD = 'http://ht.douniu8.com:9090'
 const baseURL =  IS_PROD ? BASEURL_PROD : BASEURL_TEST;

src/components/plugin/shareCard.vue

@@ -6,7 +6,7 @@
         <img v-if="checkType==1" class="style-one" src="../../common/img/card-style-Two.png" alt="">
         <img v-if="checkType==2" class="style-one" src="../../common/img/card-style-Three.png" alt="">
         <img class="pressShare" src="../../common/img/pressShare.png" alt="">
-       
+       <img class="shareTips" v-if="ifTips" @click="clickTips()" src="../../common/img/shareTips.png" alt="">
         <!-- 信息样式 -->
         <div v-if="checkType==0">
             <img class="headImg" :src="headPro" alt="">
@@ -57,7 +57,7 @@
             <div  @click="checkImg(2)" class="smallThree" :class="{smallThreeRed:checkType==2,smallThree:checkType!=2}">
                 <img class="small-img" src="../../common/img/thumbnail-Three.png" alt="">
             </div>
-            <div class="clickWechat">
+            <div @click="clickWechact()" class="clickWechat">
                 <img class="wechactImg" src="../../common/img/wechact-share.png" alt="">
                 <span class="wechactText">微信</span>
             </div>
@@ -103,6 +103,7 @@ export default {
             headPro:'',//头像图片
             udName:'',//主播名称
             lvrImg:'',//占位图
+            ifTips:false,//是否显示提示图
             liveName:'',//房间名称
         };
     },
@@ -137,6 +138,13 @@ export default {
         
         
 //     },
+//点击微信分享
+clickWechact(){
+this.ifTips=true
+},
+clickTips(){
+this.ifTips=false
+},
     //点击分享按钮
 clickShare(){
     if(this.ifShow==false){
@@ -180,7 +188,7 @@ this.imgUrl=window.location.href//二维码地址
     left: 0;
     width: 100vw;
     height: 50vw;
-    border-radius: 4vw;
+    border-radius: 4vw 4vw 0 0;
     background: white;
 }
 .smallOne{
@@ -357,27 +365,30 @@ font-size: 4vw;
     z-index: 100;
 }
 .lvrName{
-    font-size: 5vw;
+    font-size: 4vw;
+    width: 68vw;
     position: absolute;
-    top: 104vw;
+    top: 102vw;
     z-index: 100;
-    left: 18vw;
+    left: 15vw;
 }
 .lvrNameTwo{
-    font-size: 5vw;
+    font-size: 3.8vw;
+    width: 66vw;
     position: absolute;
-    top: 104vw;
+    top: 102vw;
     color: white;
     z-index: 100;
-    left: 18vw;
+    left: 16vw;
 }
 .lvrNameThree{
-    font-size: 5vw;
+    font-size: 3.8vw;
     position: absolute;
-    top: 103vw;
+    top: 100vw;
+    width: 56vw;
     color: white;
     z-index: 100;
-    left: 23vw;
+    left: 21vw;
 }
 .pressShare{
     height: 5vw;
@@ -410,4 +421,12 @@ font-size: 4vw;
     width: 22vw;
     z-index: 100;
 }
+.shareTips{
+   height: 100vh;
+    width: 100%;
+    position: absolute;
+    top: 0;
+    z-index: 110;
+    left: 0;
+}
 </style>
\ No newline at end of file

src/views/liveList.vue

@@ -4,7 +4,7 @@
              <span>斗牛财经</span> 
             <img v-if="ifLog==0" class="portait-not" src="../common/img/not-logged.png" alt="">
             <img v-if="ifLog==1" class="portait-not" src="../common/img/title_logo.png" alt="" @click="mine">
-            <img v-if="ifLog==2" class="portait-not" :src="userImg" alt="">
+            <img v-if="ifLog==2" class="portait-not" :src="userImg" alt="" @click="mine">
         </div>
         <div class="tab">
             <span :class="{free:ifFree,nonefree:!ifFree}" @click="clickFree()">免费</span>
@@ -13,9 +13,9 @@
         <div class="content">
             <div v-if="ifFree" @click="liveDetail(i)" v-for="i in freeList" :key="i.lvrId" class="moudle" >
                 <img class="recommed-img" v-if="i.ifrecom" src="../common/img/recommend.png" alt="">
-                <img class="head-img" src="../common/img/wechact.png" alt="">
+                <img class="head-img" :src="i.headPhoto" alt="">
                 <span class="head-name">{{i.udNickname}}</span>
-                <img class="count-img" src="https://customer-img.douniu8.com/1665380604617GPdvMCWnMN.jpg" alt="">
+                <img class="count-img" :src="i.imgLargeUrl" alt="">
                 <img class="liv-img" v-if="i.lvrStatus==1"  src="../common/img/living.png" alt="">
                 <span class="title-message">{{i.lvrName}}</span>
                 <img class="people-img" src="../common/img/people-num.png" alt="">
@@ -24,9 +24,9 @@
             </div>
             <div v-if="!ifFree" @click="liveDetail(i)" v-for="i in vipList" :key="i.lvrId" class="moudle">
                 <img class="recommed-img" v-if="i.ifrecom" src="../common/img/recommend.png" alt="">
-                <img class="head-img" src="../common/img/wechact.png" alt="">
+                <img class="head-img" :src="i.headPhoto" alt="">
                 <span class="head-name">{{i.udNickname}}</span>
-                <img class="count-img" src="https://customer-img.douniu8.com/1665380604617GPdvMCWnMN.jpg" alt="">
+                <img class="count-img" :src="i.imgLargeUrl" alt="">
                 <!-- <img class="liv-img" v-if="ifFree" src="../common/img/living.png" alt=""> -->
                 <span class="title-message">{{i.lvrName}}</span>
                 <img class="people-img" src="../common/img/people-num.png" alt="">