yichu

src/components/LiveItemad.vue

@@ -0,0 +1,141 @@
+<template>
+    <div class="videoitem" >
+        <div style="height:100%" v-html="ads">
+
+        </div>
+    </div>
+</template>
+<style lang="scss" scoped>
+.videoitem{
+   
+
+    
+    min-width: 226px;
+    // height: 198px;
+    background-color: #fff;
+    border-radius: 17px;
+    overflow: hidden;
+    display: flex;
+    cursor: pointer;
+    flex-direction: column;
+    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('guanlidivadsensedisplaynone');
+        if(el){
+            console.log(el.innerHTML)
+            ads.value = el.innerHTML;
+           
+        }
+        return {
+            ads
+        }
+    }
+})
+</script>

src/import-png.d.ts

@@ -30,4 +30,6 @@ declare var FB: any;
 
 declare var TCPlayer: any;
 
-declare var Cropper: any;
+declare var Cropper: any;
+
+declare var adsbygoogle: any;

src/views/regime/Live.vue

@@ -18,6 +18,7 @@
         </div>
     </div>
     <div class="list" v-if="tabindex == 1">
+        <LiveItemad></LiveItemad>
         <LiveItem
             :type="2"
             v-for="(i, j) in livelist.data"
@@ -34,6 +35,8 @@
     </div>
 
     <div class="list" v-if="tabindex == 0">
+        <LiveItemad></LiveItemad>
+
         <LiveItem
             :type="2"
             v-for="(i, j) in livelist.data"
@@ -49,6 +52,7 @@
         ></LiveItem>
     </div>
     <div class="list" v-if="tabindex == 2">
+        <LiveItemad></LiveItemad>
         <LiveItem
             :type="2"
             v-for="(i, j) in livelist.data"
@@ -177,12 +181,14 @@
 <script lang="ts">
 import { defineComponent, onMounted, ref, watch } from "vue";
 import LiveItem from "@/components/LiveItem.vue";
+import LiveItemad from "@/components/LiveItemad.vue";
 import { getlivelist } from "@/api";
 import { LivelistInfo } from "@/types";
 import { useI18n } from '@/utils/i18n';
 export default defineComponent({
   components: {
     LiveItem,
+    LiveItemad
   },
   setup() {
     const lan: any = useI18n();

src/views/regime/Video.vue

@@ -24,7 +24,7 @@
         <a-empty />
     </template>
     <div class="list" v-if="tabindex == 4">
-      
+      <LiveItemad></LiveItemad>
       <VideoItem
         v-for="(i, j) in videolist.data"
         :key="j"
@@ -43,6 +43,7 @@
     </div>
 
     <div class="list" v-if="tabindex == 0">
+      <LiveItemad></LiveItemad>
       <VideoItem
         v-for="(i, j) in videolist.data"
         :key="j"
@@ -60,6 +61,7 @@
       ></VideoItem>
     </div>
     <div class="list" v-if="tabindex == 2">
+      <LiveItemad></LiveItemad>
       <VideoItem
         v-for="(i, j) in videolist.data"
         :key="j"
@@ -204,12 +206,14 @@
 <script lang="ts">
 import { defineComponent, onMounted, reactive, ref, UnwrapRef } from "vue";
 import VideoItem from "@/components/VideoItem.vue";
+import LiveItemad from "@/components/LiveItemad.vue";
 import { getvideolist } from "@/api";
 import { useRoute } from 'vue-router';
 import { useI18n } from '@/utils/i18n';
 export default defineComponent({
   components: {
     VideoItem,
+    LiveItemad
   },
   setup() {
     const lan: any = useI18n();