tianjialeguanggao

src/components/infoad.vue

@@ -0,0 +1,142 @@
+<template>
+    <div class="videoitem" >
+        <div style="height:100%" v-html="ads">
+
+        </div>
+    </div>
+</template>
+<style lang="scss" scoped>
+.videoitem{
+   
+
+    
+    width: 100%;
+    height: 98px;
+    // border-radius: 17px;
+    overflow: hidden;
+    display: flex;
+    cursor: pointer;
+    flex-direction: column;
+        margin-top: 28px;
+
+    position: relative;
+    // box-shadow: 0px 5px 6px 0px rgba(158, 158, 158, 0.11);
+    .cover{
+        width: 226px;
+        min-width: 100%;
+        height: 127px;
+    }
+    .play{
+        position: absolute;
+        top: 52px;
+        left: 101px;
+        width: 23px;
+        height: 23px;
+    }
+    .title{
+        margin: 18px;
+        margin-top: 16px;
+        margin-bottom: 0;
+        font-display: 11px;
+        color: #111;
+        display: flex;
+        align-items: center;
+        cursor: default;
+        >span{
+            margin-left: 11px;
+            font-size: 10px;
+            color: #f55455;
+            flex-shrink: 0;
+        }
+    }
+    .info{
+        display: flex;
+        align-items: center;
+        margin-top: 9px;
+        margin-bottom: 9px;
+        margin-left: 18px;
+      
+        .datetime{
+            display: flex;
+            align-items: center;
+            font-size: 10px;
+            color: #666;
+            .time{
+                margin-left: 15px;
+            }
+        }
+        .feature{
+            display: flex;
+            align-items: center;
+            margin-left: 25px;
+            // margin-top: 18px;
+            >div{
+                display: flex;
+                align-items: center;
+                >img{
+                    width: 11px;
+                    height: 11px;
+                }
+                >span{
+                    font-size: 10px;
+                    color: #111;
+                    margin-left: 4px;
+                    margin-right: 11px;
+                }
+            }
+        }
+    }
+    .state{
+        position: absolute;
+        top: 0;
+        right: 0;
+        width: 67px;
+        height: 23px;
+        border-radius:  0 17px 0 17px;
+        font-size: 10px;
+        line-height: 23px;
+        text-align: center;
+    }
+    .audit{
+        background-color: #CFF9F1;
+        color: #08AE98;
+    }
+    .live{
+       
+        background: linear-gradient(-90deg, #0EDCC2, #50DF98, #7EE278, #A2E562);
+        color: #fff;
+    }
+    .over{
+        background-color: #F7F7F7;
+        color: #121212;
+    }
+    &::v-deep(ins){
+        width: 100% !important;
+        height: 100% !important;
+    }
+    &::v-deep(iframe){
+        width: 100% !important;
+        height: 100% !important;
+    }
+}
+</style>
+<script lang="ts">
+import router from '@/router';
+import { defineComponent, ref } from 'vue';
+
+export default defineComponent({
+
+    setup(){
+        const ads = ref("");
+        const el = document.getElementById('xiangqingdivadsensedisplaynone');
+        if(el){
+            console.log(el.innerHTML)
+            ads.value = el.innerHTML;
+           
+        }
+        return {
+            ads
+        }
+    }
+})
+</script>

src/views/regime/Livedetail.vue

@@ -7,6 +7,8 @@
 
         <LiveCount :info="liveinfo.studentlist" :livestatus="liveinfo.livestatus" :zid="liveinfo.liveid"></LiveCount>
     </div>
+    <infoad></infoad>
+
     <VideoReview class="review" v-if="liveinfo.livestatus == 2" :videoinfo="liveinfo.score"></VideoReview>
   </div>
 </template>
@@ -34,6 +36,8 @@ import { defineComponent, ref } from "vue";
 import liveplay from "@/components/LivePlay.vue";
 import LiveCount from "@/components/LiveCount.vue";
 import VideoReview from "@/components/VideoReview.vue";
+import infoad from "@/components/infoad.vue";
+
 import { useRoute } from "vue-router";
 import { getliveinfo, share } from "@/api";
 import router from '@/router';
@@ -43,6 +47,7 @@ export default defineComponent({
     LiveCount,
     liveplay,
     VideoReview,
+    infoad
   },
   setup() {
     console.log(useRoute().query.id);

src/views/regime/VideoInfo.vue

@@ -4,6 +4,7 @@
             <VideoPlay :title="result.title" :vid="result.videoid" :url="result.fileid"></VideoPlay>
             <VideoCont :videoid="result.videoid" :yuanyin="result.statusdesc" :date="result.createdAt" :watch="result.watch" :share="result.share" :status="result.status"></VideoCont>
         </div>
+        <infoad></infoad>
         <VideoReview :videoinfo="result.score" class="review" v-if="result.status == 1"></VideoReview>
     </div>
 </template>
@@ -24,6 +25,7 @@
 import { defineComponent, onMounted, ref } from 'vue';
 import VideoPlay from "@/components/VideoPlay.vue"
 import VideoCont from "@/components/VideoCont.vue"
+import infoad from "@/components/infoad.vue";
 import VideoReview from "@/components/VideoReview.vue";
 import { getcommentlist, videodetail } from '@/api';
 import { useRoute } from 'vue-router';
@@ -31,7 +33,8 @@ export default defineComponent({
     components:{
         VideoPlay,
         VideoCont,
-        VideoReview
+        VideoReview,
+        infoad
     },
     setup(){
         // console.log(1)