Merge pull request 'xbx' (#231) from xbx into master

Reviewed-on: http://git.luyuan.tk/luyuan/beelink/pulls/231

dist/css/chunk-13df6c63.cf93d877.css

@@ -1 +0,0 @@
-.reviewitem[data-v-329fe7b6]{width:100%;margin-bottom:.5rem}.reviewitem .top[data-v-329fe7b6]{display:flex;align-items:center}.reviewitem .top>img[data-v-329fe7b6]{width:.45rem;height:.45rem;border-radius:50%}.reviewitem .top .name[data-v-329fe7b6]{font-size:.13rem;color:#111;margin-left:.1rem}.reviewitem .top .myname[data-v-329fe7b6]{color:#08ae98}.reviewitem .top .lv .img[data-v-329fe7b6],.reviewitem .top .lv[data-v-329fe7b6]{display:flex;align-items:center}.reviewitem .top .lv .img>img[data-v-329fe7b6]{width:.12rem;height:.12rem;margin-left:.03rem}.reviewitem .top .lv .num[data-v-329fe7b6]{font-size:.11rem;color:#d12c2e;margin-left:.03rem}.reviewitem .cont[data-v-329fe7b6]{margin-left:.67rem;font-size:.11rem;line-height:1.2}.reviewitem .cont[data-v-329fe7b6] span{color:#2581d0}.reviewitem .bottom[data-v-329fe7b6]{display:flex;align-items:center;justify-content:space-between;margin-left:.67rem;margin-top:.25rem}.reviewitem .bottom .operate[data-v-329fe7b6]{display:flex}.reviewitem .bottom .date[data-v-329fe7b6]{font-size:.1rem;color:#999}.reviewitem .bottom .reply[data-v-329fe7b6]{font-size:.1rem;color:#08ae98}.reviewitem .bottom .del[data-v-329fe7b6]{color:#d12c2d!important;font-size:.1rem;margin-right:.28rem}.reviewitem[data-v-03abfaf2]{width:100%;margin-bottom:.5rem}.reviewitem .top[data-v-03abfaf2]{display:flex;align-items:center;position:relative}.reviewitem .top .all[data-v-03abfaf2]{color:#2581d0;font-size:.11rem;position:absolute;right:0;cursor:pointer}.reviewitem .top .all>img[data-v-03abfaf2]{margin-left:.06rem}.reviewitem .top>img[data-v-03abfaf2]{width:.57rem;height:.57rem;border-radius:50%}.reviewitem .top .name[data-v-03abfaf2]{font-size:.13rem;color:#111;margin-left:.1rem}.reviewitem .top .lv .img[data-v-03abfaf2],.reviewitem .top .lv[data-v-03abfaf2]{display:flex;align-items:center}.reviewitem .top .lv .img>img[data-v-03abfaf2]{width:.12rem;height:.12rem;margin-left:.03rem}.reviewitem .top .lv .num[data-v-03abfaf2]{font-size:.11rem;color:#d12c2e;margin-left:.03rem}.reviewitem .cont[data-v-03abfaf2]{margin-left:.67rem;font-size:.11rem;line-height:1.2}.reviewitem .bottom[data-v-03abfaf2]{display:flex;align-items:center;justify-content:space-between;margin-left:.67rem;margin-top:.25rem}.reviewitem .bottom .date[data-v-03abfaf2]{font-size:.1rem;color:#999}.reviewitem .bottom .reply[data-v-03abfaf2]{font-size:.1rem;color:#08ae98}.reviewitem .bottom .del[data-v-03abfaf2]{font-size:.1rem;color:#d12c2d!important;flex-shrink:0;margin-right:.28rem}.reviewitem .huifu[data-v-03abfaf2]{border-top:.01rem solid #eee;margin-left:.56rem;margin-top:.3rem}.review[data-v-48f267ae]{width:13.2rem;background-color:#fff;padding:0 .28rem .56rem .28rem;border-radius:.17rem}.review .top[data-v-48f267ae]{padding:.28rem 0 .18rem 0;display:flex;align-items:center;justify-content:space-between;border-bottom:.01rem solid #ededed;margin-bottom:.2rem}.review .top .title[data-v-48f267ae]{display:flex;align-items:center;font-size:.12rem;color:#111}.review .top .title>span[data-v-48f267ae]{width:.56rem;height:.17rem;background-color:#f9d5d6;border-radius:.02rem;font-size:.12rem;line-height:.17rem;text-align:center;margin-left:.06rem;color:#d12b2d}.review .top .score[data-v-48f267ae]{font-size:.12rem;color:#d12b2d}.review .reply[data-v-48f267ae]{padding-top:.28rem;border-top:.01rem solid #ededed}.review .reply[data-v-48f267ae] .ant-input{font-size:.11rem}.review .reply .send[data-v-48f267ae]{width:.62rem;height:.22rem;margin-top:.3rem;background-color:#07ad97;text-align:center;line-height:.22rem;color:#fff;cursor:pointer;font-size:.09rem}.review .huifu[data-v-48f267ae]{margin-left:.56rem}

dist/css/chunk-14e6a7cb.9cba31b5.css

@@ -1 +0,0 @@
-.videoitem[data-v-54b9092c]{min-width:2.26rem;background-color:#fff;border-radius:.17rem;overflow:hidden;display:flex;cursor:pointer;flex-direction:column;position:relative;box-shadow:0 .05rem .06rem 0 hsla(0,0%,62%,.11)}.videoitem .cover[data-v-54b9092c]{width:2.26rem;min-width:100%;height:1.27rem}.videoitem .play[data-v-54b9092c]{position:absolute;top:.52rem;left:1.01rem;width:.23rem;height:.23rem}.videoitem .title[data-v-54b9092c]{margin:.18rem;margin-top:.16rem;margin-bottom:0;font-display:.11rem;color:#111;display:flex;align-items:center;cursor:default}.videoitem .title>span[data-v-54b9092c]{margin-left:.11rem;font-size:.1rem;color:#f55455;flex-shrink:0}.videoitem .info[data-v-54b9092c]{display:flex;align-items:center;margin-top:.09rem;margin-bottom:.09rem;margin-left:.18rem}.videoitem .info .datetime[data-v-54b9092c]{display:flex;align-items:center;font-size:.1rem;color:#666}.videoitem .info .datetime .time[data-v-54b9092c]{margin-left:.15rem}.videoitem .info .feature[data-v-54b9092c]{display:flex;align-items:center;margin-left:.25rem}.videoitem .info .feature>div[data-v-54b9092c]{display:flex;align-items:center}.videoitem .info .feature>div>img[data-v-54b9092c]{width:.11rem;height:.11rem}.videoitem .info .feature>div>span[data-v-54b9092c]{font-size:.1rem;color:#111;margin-left:.04rem;margin-right:.11rem}.videoitem .state[data-v-54b9092c]{position:absolute;top:0;right:0;width:.67rem;height:.23rem;border-radius:0 .17rem 0 .17rem;font-size:.1rem;line-height:.23rem;text-align:center}.videoitem .audit[data-v-54b9092c]{background-color:#cff9f1;color:#08ae98}.videoitem .live[data-v-54b9092c]{background:linear-gradient(-90deg,#0edcc2,#50df98,#7ee278,#a2e562);color:#fff}.videoitem .over[data-v-54b9092c]{background-color:#f7f7f7;color:#121212}.video[data-v-74b75d3a]{width:100%;height:7.06rem;background-color:#fff;border-radius:.17rem;padding:.4rem;position:relative;display:flex;flex-direction:column;align-items:center}.video .nav[data-v-74b75d3a]{display:flex;align-items:center;border-bottom:.01rem solid #eee;justify-content:space-between;width:100%}.video .nav .tabs[data-v-74b75d3a]{display:flex;align-items:center;font-size:.13rem;font-weight:700;color:#111;padding:.11rem 0}.video .nav .tabs>div[data-v-74b75d3a]{margin-right:.58rem;cursor:pointer;text-align:center;width:.54rem}.video .nav .tabs>div[data-v-74b75d3a]:hover{color:#08ae98}.video .nav .tabs .on[data-v-74b75d3a]{color:#08ae98;position:relative}.video .nav .tabs .on[data-v-74b75d3a]:before{content:"";display:block;position:absolute;bottom:-.12rem;width:.57rem;height:.01rem;background-color:#08ae98}.video .nav .sel[data-v-74b75d3a]{width:1.71rem;height:.26rem;border:.01rem solid #999;display:flex;align-items:center;padding:.08rem;border-radius:.04rem}.video .nav .sel>img[data-v-74b75d3a]{width:.11rem;height:.11rem}.video .nav .sel>input[data-v-74b75d3a]{width:1.19rem;font-size:.09rem;line-height:1;margin-left:.06rem;border:none;outline:none}.video .list[data-v-74b75d3a]{display:flex;flex-wrap:wrap;width:100%}.video .list>div[data-v-74b75d3a]{margin-top:.28rem;margin-left:.23rem}.video .list>div[data-v-74b75d3a]:first-child,.video .list>div[data-v-74b75d3a]:nth-child(6){margin-left:0}.video .pages[data-v-74b75d3a]{position:absolute;bottom:1.14rem;display:flex;justify-content:center}.video .pages[data-v-74b75d3a] .ant-pagination-item,.video .pages[data-v-74b75d3a] .ant-pagination-jump-next-custom-icon,.video .pages[data-v-74b75d3a] .ant-pagination-jump-prev-custom-icon,.video .pages[data-v-74b75d3a] .ant-pagination-next>.ant-pagination-item-link,.video .pages[data-v-74b75d3a] .ant-pagination-prev>.ant-pagination-item-link{border:.01rem solid #08ae98}.video .pages[data-v-74b75d3a] .ant-pagination-item-active a{color:#fff}.video .pages[data-v-74b75d3a] .ant-pagination-item-active{background-color:#08ae98}

dist/css/chunk-21d6a1b9.85832ac1.css

@@ -1 +0,0 @@
-.videoitem[data-v-4024f066]{min-width:2.26rem;background-color:#fff;border-radius:.17rem;overflow:hidden;display:flex;flex-direction:column;position:relative;box-shadow:0 .05rem .06rem 0 hsla(0,0%,62%,.11);cursor:pointer}.videoitem .cover[data-v-4024f066]{width:2.26rem;min-width:100%;height:1.27rem}.videoitem .play[data-v-4024f066]{position:absolute;top:.52rem;left:1.01rem;width:.23rem;height:.23rem}.videoitem .title[data-v-4024f066]{padding:0 .18rem;margin-top:.16rem;font-display:.11rem;color:#111;display:flex;align-items:center;cursor:default}.videoitem .title>span[data-v-4024f066]{margin-left:.11rem;font-size:.1rem;color:#f55455}.videoitem .info[data-v-4024f066]{display:flex;align-items:center;margin-top:.09rem;margin-bottom:.09rem;margin-left:.18rem}.videoitem .info .datetime[data-v-4024f066]{display:flex;align-items:center;font-size:.1rem;color:#666}.videoitem .info .datetime .time[data-v-4024f066]{margin-left:.15rem}.videoitem .info .feature[data-v-4024f066]{display:flex;align-items:center;margin-left:.25rem}.videoitem .info .feature>div[data-v-4024f066]{display:flex;align-items:center}.videoitem .info .feature>div>img[data-v-4024f066]{width:.11rem;height:.11rem}.videoitem .info .feature>div>span[data-v-4024f066]{font-size:.1rem;color:#111;margin-left:.04rem;margin-right:.11rem}.videoitem .state[data-v-4024f066]{position:absolute;top:0;right:0;width:.67rem;height:.23rem;border-radius:0 .17rem 0 .17rem;font-size:.1rem;line-height:.23rem;text-align:center}.videoitem .audit[data-v-4024f066]{background-color:#cef9f0;color:#08ae98}.videoitem .fail[data-v-4024f066]{background-color:#f9d6f6;color:#d12c2e}.video[data-v-4c40bb52]{width:100%;height:7.06rem;background-color:#fff;border-radius:.17rem;padding:.4rem;position:relative;display:flex;flex-direction:column;align-items:center}.video .nav[data-v-4c40bb52]{display:flex;align-items:center;border-bottom:.01rem solid #eee;justify-content:space-between;width:100%}.video .nav .tabs[data-v-4c40bb52]{display:flex;align-items:center;font-size:.13rem;font-weight:700;color:#111;padding:.11rem 0}.video .nav .tabs>div[data-v-4c40bb52]{margin-right:.58rem;cursor:pointer;text-align:center;width:.54rem}.video .nav .tabs>div[data-v-4c40bb52]:hover{color:#08ae98}.video .nav .tabs .on[data-v-4c40bb52]{color:#08ae98;position:relative}.video .nav .tabs .on[data-v-4c40bb52]:before{content:"";display:block;position:absolute;bottom:-.12rem;width:.57rem;height:.01rem;background-color:#08ae98}.video .nav .sel[data-v-4c40bb52]{width:1.71rem;height:.26rem;border:.01rem solid #999;display:flex;align-items:center;padding:.08rem;border-radius:.04rem}.video .nav .sel>img[data-v-4c40bb52]{width:.11rem;height:.11rem}.video .nav .sel>input[data-v-4c40bb52]{width:1.19rem;font-size:.09rem;line-height:1;margin-left:.06rem;border:none;outline:none}.video .list[data-v-4c40bb52]{display:flex;flex-wrap:wrap;width:100%}.video .list>div[data-v-4c40bb52]{margin-top:.28rem;margin-left:.23rem}.video .list>div[data-v-4c40bb52]:first-child,.video .list>div[data-v-4c40bb52]:nth-child(6){margin-left:0}.video .pages[data-v-4c40bb52]{position:absolute;bottom:1.14rem;display:flex;justify-content:center}.video .pages[data-v-4c40bb52] .ant-pagination-item,.video .pages[data-v-4c40bb52] .ant-pagination-jump-next-custom-icon,.video .pages[data-v-4c40bb52] .ant-pagination-jump-prev-custom-icon,.video .pages[data-v-4c40bb52] .ant-pagination-next>.ant-pagination-item-link,.video .pages[data-v-4c40bb52] .ant-pagination-prev>.ant-pagination-item-link{border:.01rem solid #08ae98}.video .pages[data-v-4c40bb52] .ant-pagination-item-active a{color:#fff}.video .pages[data-v-4c40bb52] .ant-pagination-item-active{background-color:#08ae98}

dist/css/chunk-2b71f1e5.182b1bb8.css

@@ -1 +1 @@
-.video[data-v-03cb9677]{width:9.76rem;height:5.63rem;border-radius:.17rem;background:#fff;position:relative;overflow:hidden}.video>video[data-v-03cb9677]{width:100%;height:100%}.video .title[data-v-03cb9677]{position:absolute;top:.23rem;left:.51rem;font-size:.13rem;color:#fff;z-index:999}.video .fenxiang[data-v-03cb9677]{left:unset;right:.51rem;display:flex;align-items:center}.video .fenxiang>img[data-v-03cb9677]{width:.11rem;height:.11rem;margin-right:.11rem}.modal-container[data-v-03cb9677] .ant-modal-header{padding:0}.modal-container[data-v-03cb9677] .ant-modal-title{font-size:.12rem;margin-top:-.09rem;padding-bottom:.2rem}.modal-container[data-v-03cb9677] .ant-modal-close{top:.08rem}.modal-container[data-v-03cb9677] .ant-modal-body{padding:0}.modal-container[data-v-03cb9677] .modal-dialog{border-radius:.36rem;overflow:hidden}.modal-container[data-v-03cb9677] .modal-dialog .close{width:.14rem;height:.14rem}.modal-container[data-v-03cb9677] .modal-dialog .ant-modal-content{box-sizing:border-box;padding:.35rem .3rem;background:#fff;box-shadow:0 .04rem .06rem 0 hsla(0,0%,40%,.07);border-radius:.26rem;overflow:hidden}.modal-container[data-v-03cb9677] .modal-dialog .ant-modal-content .notice-container{display:flex;align-items:center;padding-top:.3rem}.modal-container[data-v-03cb9677] .modal-dialog .ant-modal-content .notice-container>div{width:auto;display:flex;align-items:center;font-size:.12rem}.modal-container[data-v-03cb9677] .modal-dialog .ant-modal-content .notice-container>div>img{width:.35rem;margin-right:.05rem}.modal-container[data-v-03cb9677] .modal-dialog .ant-modal-content .notice-container>div:first-child{margin-right:.8rem}.modal-container[data-v-03cb9677] .modal-dialog .ant-modal-content .report .sub-title{margin-bottom:.5rem}.cont[data-v-003d59b2]{width:3.16rem;height:5.63rem;background-color:#fff;border-radius:.17rem;padding:0 .28rem;position:relative}.cont .title[data-v-003d59b2]{padding:.23rem 0 .11rem 0;font-size:.13rem;color:#111;line-height:1;border-bottom:.01rem solid #eee}.cont .info .item1[data-v-003d59b2]{position:relative;left:-.12rem}.cont .info .status[data-v-003d59b2]{color:#07ad97!important}.cont .info .status1[data-v-003d59b2]{color:#d12c2d!important}.cont .info .item[data-v-003d59b2]{display:flex;align-content:center;margin-top:.23rem}.cont .info .item>img[data-v-003d59b2]{width:.24rem;height:.24rem}.cont .info .item>span[data-v-003d59b2]{font-size:.11rem;color:#666;margin-left:.1rem}.cont .button[data-v-003d59b2]{position:absolute;width:2.6rem;bottom:.28rem;display:flex;justify-content:space-between}.cont .button>div[data-v-003d59b2]{width:1.14rem;height:.23rem;border-radius:.03rem;font-size:.1rem;color:#fff;line-height:.23rem;text-align:center;cursor:pointer}.cont .button .modify[data-v-003d59b2]{background-color:#08ae98}.cont .button .del[data-v-003d59b2]{background-color:#d12c2e}.videoinfo[data-v-47db4a2f]{width:13.2rem;height:5.63rem}.videoinfo .info[data-v-47db4a2f]{display:flex;justify-content:space-between}.videoinfo .review[data-v-47db4a2f]{margin-top:.28rem}
+.video[data-v-03cb9677]{width:9.76rem;height:5.63rem;border-radius:.17rem;background:#fff;position:relative;overflow:hidden}.video>video[data-v-03cb9677]{width:100%;height:100%}.video .title[data-v-03cb9677]{position:absolute;top:.23rem;left:.51rem;font-size:.13rem;color:#fff;z-index:999}.video .fenxiang[data-v-03cb9677]{left:unset;right:.51rem;display:flex;align-items:center}.video .fenxiang>img[data-v-03cb9677]{width:.11rem;height:.11rem;margin-right:.11rem}.modal-container[data-v-03cb9677] .ant-modal-header{padding:0}.modal-container[data-v-03cb9677] .ant-modal-title{font-size:.12rem;margin-top:-.09rem;padding-bottom:.2rem}.modal-container[data-v-03cb9677] .ant-modal-close{top:.08rem}.modal-container[data-v-03cb9677] .ant-modal-body{padding:0}.modal-container[data-v-03cb9677] .modal-dialog{border-radius:.36rem;overflow:hidden}.modal-container[data-v-03cb9677] .modal-dialog .close{width:.14rem;height:.14rem}.modal-container[data-v-03cb9677] .modal-dialog .ant-modal-content{box-sizing:border-box;padding:.35rem .3rem;background:#fff;box-shadow:0 .04rem .06rem 0 hsla(0,0%,40%,.07);border-radius:.26rem;overflow:hidden}.modal-container[data-v-03cb9677] .modal-dialog .ant-modal-content .notice-container{display:flex;align-items:center;padding-top:.3rem}.modal-container[data-v-03cb9677] .modal-dialog .ant-modal-content .notice-container>div{width:auto;display:flex;align-items:center;font-size:.12rem}.modal-container[data-v-03cb9677] .modal-dialog .ant-modal-content .notice-container>div>img{width:.35rem;margin-right:.05rem}.modal-container[data-v-03cb9677] .modal-dialog .ant-modal-content .notice-container>div:first-child{margin-right:.8rem}.modal-container[data-v-03cb9677] .modal-dialog .ant-modal-content .report .sub-title{margin-bottom:.5rem}.cont[data-v-003d59b2]{width:3.16rem;height:5.63rem;background-color:#fff;border-radius:.17rem;padding:0 .28rem;position:relative}.cont .title[data-v-003d59b2]{padding:.23rem 0 .11rem 0;font-size:.13rem;color:#111;line-height:1;border-bottom:.01rem solid #eee}.cont .info .item1[data-v-003d59b2]{position:relative;left:-.12rem}.cont .info .status[data-v-003d59b2]{color:#07ad97!important}.cont .info .status1[data-v-003d59b2]{color:#d12c2d!important}.cont .info .item[data-v-003d59b2]{display:flex;align-content:center;margin-top:.23rem}.cont .info .item>img[data-v-003d59b2]{width:.24rem;height:.24rem}.cont .info .item>span[data-v-003d59b2]{font-size:.11rem;color:#666;margin-left:.1rem}.cont .button[data-v-003d59b2]{position:absolute;width:2.6rem;bottom:.28rem;display:flex;justify-content:space-between}.cont .button>div[data-v-003d59b2]{width:1.14rem;height:.23rem;border-radius:.03rem;font-size:.1rem;color:#fff;line-height:.23rem;text-align:center;cursor:pointer}.cont .button .modify[data-v-003d59b2]{background-color:#08ae98}.cont .button .del[data-v-003d59b2]{background-color:#d12c2e}.videoinfo[data-v-0b5d033d]{width:13.2rem;height:5.63rem}.videoinfo .info[data-v-0b5d033d]{display:flex;justify-content:space-between}.videoinfo .review[data-v-0b5d033d]{margin-top:.28rem}

dist/index.html

@@ -61,11 +61,11 @@
             left: 0;
             z-index: 1001;
             display: none;
-        }</style><meta property="og:type" content="website"><meta property="og:title" content="分享测试测试"><meta property="og:description" content="分享描述"><meta property="og:image" content="http://1303872925.vod2.myqcloud.com/7db674eavodcq1303872925/a5d03b0c5285890810149245655/vrLgNu2JaBkA.png"><meta property="og:url" content="https://beelink.theluyuan.com/"><link href="/css/chunk-04e3a2fa.08ef3a2d.css" rel="prefetch"><link href="/css/chunk-05d3c41a.55076a31.css" rel="prefetch"><link href="/css/chunk-06828374.8e285ce3.css" rel="prefetch"><link href="/css/chunk-07015098.03da786d.css" rel="prefetch"><link href="/css/chunk-0d9de69e.0e433876.css" rel="prefetch"><link href="/css/chunk-13df6c63.cf93d877.css" rel="prefetch"><link href="/css/chunk-14e6a7cb.9cba31b5.css" rel="prefetch"><link href="/css/chunk-18d6ebc2.07c0f4a4.css" rel="prefetch"><link href="/css/chunk-1abac668.206f270b.css" rel="prefetch"><link href="/css/chunk-21d6a1b9.85832ac1.css" rel="prefetch"><link href="/css/chunk-2415f10c.0e433876.css" rel="prefetch"><link href="/css/chunk-24fbbe7a.83ced148.css" rel="prefetch"><link href="/css/chunk-27236dd2.3992b5d2.css" rel="prefetch"><link href="/css/chunk-2a197f09.b2772b24.css" rel="prefetch"><link href="/css/chunk-3761df82.56501863.css" rel="prefetch"><link href="/css/chunk-3c7641ed.f87c4e8b.css" rel="prefetch"><link href="/css/chunk-46cefeb5.78141e1e.css" rel="prefetch"><link href="/css/chunk-46e3b07d.9259aefd.css" rel="prefetch"><link href="/css/chunk-4e0b884c.48d44d85.css" rel="prefetch"><link href="/css/chunk-520d8a08.dd761c06.css" rel="prefetch"><link href="/css/chunk-623eb100.c75b32b7.css" rel="prefetch"><link href="/css/chunk-650d0cb1.47d38586.css" rel="prefetch"><link href="/css/chunk-68091c98.14c0db2d.css" rel="prefetch"><link href="/css/chunk-737c53fe.6caedc04.css" rel="prefetch"><link href="/css/chunk-74d6e86d.85aed290.css" rel="prefetch"><link href="/css/chunk-8d0dacb4.b6d4145a.css" rel="prefetch"><link href="/css/chunk-977f0f52.6081abf8.css" rel="prefetch"><link href="/css/chunk-da7e1532.17a6e0e0.css" rel="prefetch"><link href="/css/chunk-ebdb96a0.d22f743d.css" rel="prefetch"><link href="/css/chunk-ef207110.a20941ed.css" rel="prefetch"><link href="/js/chunk-04e3a2fa.0e6ec073.js" rel="prefetch"><link href="/js/chunk-05d3c41a.446246bd.js" rel="prefetch"><link href="/js/chunk-06828374.7fb4c686.js" rel="prefetch"><link href="/js/chunk-07015098.7c0388de.js" rel="prefetch"><link href="/js/chunk-0d9de69e.20013dc7.js" rel="prefetch"><link href="/js/chunk-13df6c63.66abbef5.js" rel="prefetch"><link href="/js/chunk-14e6a7cb.63aecf96.js" rel="prefetch"><link href="/js/chunk-18d6ebc2.bb390176.js" rel="prefetch"><link href="/js/chunk-1abac668.2378b36f.js" rel="prefetch"><link href="/js/chunk-21d6a1b9.fc2e1ca9.js" rel="prefetch"><link href="/js/chunk-2415f10c.791ed65f.js" rel="prefetch"><link href="/js/chunk-24fbbe7a.beec2e34.js" rel="prefetch"><link href="/js/chunk-27236dd2.149a663c.js" rel="prefetch"><link href="/js/chunk-2a197f09.b4fd8d0f.js" rel="prefetch"><link href="/js/chunk-3761df82.fbccc1f4.js" rel="prefetch"><link href="/js/chunk-3c7641ed.1eb528b5.js" rel="prefetch"><link href="/js/chunk-46cefeb5.8a8d2cb9.js" rel="prefetch"><link href="/js/chunk-46e3b07d.3a324d67.js" rel="prefetch"><link href="/js/chunk-4e0b884c.a002a497.js" rel="prefetch"><link href="/js/chunk-520d8a08.61cd1105.js" rel="prefetch"><link href="/js/chunk-623eb100.75ff2853.js" rel="prefetch"><link href="/js/chunk-650d0cb1.78963263.js" rel="prefetch"><link href="/js/chunk-68091c98.7bf25f05.js" rel="prefetch"><link href="/js/chunk-737c53fe.7752babd.js" rel="prefetch"><link href="/js/chunk-74d6e86d.92a1bab0.js" rel="prefetch"><link href="/js/chunk-8d0dacb4.2ea7e348.js" rel="prefetch"><link href="/js/chunk-977f0f52.f376ede8.js" rel="prefetch"><link href="/js/chunk-da7e1532.4b71bb2c.js" rel="prefetch"><link href="/js/chunk-ebdb96a0.0296b8c3.js" rel="prefetch"><link href="/js/chunk-ef207110.b516af10.js" rel="prefetch"><link href="/css/app.30b6bfaa.css" rel="preload" as="style"><link href="/css/chunk-vendors.d0a33139.css" rel="preload" as="style"><link href="/js/app.fc4af8f6.js" rel="preload" as="script"><link href="/js/chunk-vendors.5e652f88.js" rel="preload" as="script"><link href="/css/chunk-vendors.d0a33139.css" rel="stylesheet"><link href="/css/app.30b6bfaa.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but beelink doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><div id="make"></div><script>window.fbAsyncInit = function () {
+        }</style><meta property="og:type" content="website"><meta property="og:title" content="分享测试测试"><meta property="og:description" content="分享描述"><meta property="og:image" content="http://1303872925.vod2.myqcloud.com/7db674eavodcq1303872925/a5d03b0c5285890810149245655/vrLgNu2JaBkA.png"><meta property="og:url" content="https://beelink.theluyuan.com/"><link href="/css/chunk-04e3a2fa.08ef3a2d.css" rel="prefetch"><link href="/css/chunk-05d3c41a.55076a31.css" rel="prefetch"><link href="/css/chunk-06828374.8e285ce3.css" rel="prefetch"><link href="/css/chunk-07015098.03da786d.css" rel="prefetch"><link href="/css/chunk-0d9de69e.0e433876.css" rel="prefetch"><link href="/css/chunk-18d6ebc2.07c0f4a4.css" rel="prefetch"><link href="/css/chunk-1abac668.206f270b.css" rel="prefetch"><link href="/css/chunk-2415f10c.0e433876.css" rel="prefetch"><link href="/css/chunk-27236dd2.3992b5d2.css" rel="prefetch"><link href="/css/chunk-2a197f09.b2772b24.css" rel="prefetch"><link href="/css/chunk-2b71f1e5.182b1bb8.css" rel="prefetch"><link href="/css/chunk-371ee143.78141e1e.css" rel="prefetch"><link href="/css/chunk-3c7641ed.f87c4e8b.css" rel="prefetch"><link href="/css/chunk-454d65e7.0739257f.css" rel="prefetch"><link href="/css/chunk-46e3b07d.9259aefd.css" rel="prefetch"><link href="/css/chunk-4e0b884c.48d44d85.css" rel="prefetch"><link href="/css/chunk-520d8a08.dd761c06.css" rel="prefetch"><link href="/css/chunk-5b9ca1f5.fefff9ef.css" rel="prefetch"><link href="/css/chunk-623eb100.c75b32b7.css" rel="prefetch"><link href="/css/chunk-650d0cb1.47d38586.css" rel="prefetch"><link href="/css/chunk-68091c98.14c0db2d.css" rel="prefetch"><link href="/css/chunk-6e7aa5b1.9851e10f.css" rel="prefetch"><link href="/css/chunk-737c53fe.6caedc04.css" rel="prefetch"><link href="/css/chunk-74d6e86d.85aed290.css" rel="prefetch"><link href="/css/chunk-8d0dacb4.b6d4145a.css" rel="prefetch"><link href="/css/chunk-977f0f52.6081abf8.css" rel="prefetch"><link href="/css/chunk-beffc790.fd4895e6.css" rel="prefetch"><link href="/css/chunk-da7e1532.17a6e0e0.css" rel="prefetch"><link href="/css/chunk-ebdb96a0.d22f743d.css" rel="prefetch"><link href="/css/chunk-ef207110.a20941ed.css" rel="prefetch"><link href="/js/chunk-04e3a2fa.0e6ec073.js" rel="prefetch"><link href="/js/chunk-05d3c41a.446246bd.js" rel="prefetch"><link href="/js/chunk-06828374.7fb4c686.js" rel="prefetch"><link href="/js/chunk-07015098.7c0388de.js" rel="prefetch"><link href="/js/chunk-0d9de69e.20013dc7.js" rel="prefetch"><link href="/js/chunk-18d6ebc2.bb390176.js" rel="prefetch"><link href="/js/chunk-1abac668.2378b36f.js" rel="prefetch"><link href="/js/chunk-2415f10c.791ed65f.js" rel="prefetch"><link href="/js/chunk-27236dd2.149a663c.js" rel="prefetch"><link href="/js/chunk-2a197f09.b4fd8d0f.js" rel="prefetch"><link href="/js/chunk-2b71f1e5.22084566.js" rel="prefetch"><link href="/js/chunk-371ee143.890d36ad.js" rel="prefetch"><link href="/js/chunk-3c7641ed.1eb528b5.js" rel="prefetch"><link href="/js/chunk-454d65e7.b966702d.js" rel="prefetch"><link href="/js/chunk-46e3b07d.3a324d67.js" rel="prefetch"><link href="/js/chunk-4e0b884c.a002a497.js" rel="prefetch"><link href="/js/chunk-520d8a08.61cd1105.js" rel="prefetch"><link href="/js/chunk-5b9ca1f5.3961d230.js" rel="prefetch"><link href="/js/chunk-623eb100.75ff2853.js" rel="prefetch"><link href="/js/chunk-650d0cb1.78963263.js" rel="prefetch"><link href="/js/chunk-68091c98.7bf25f05.js" rel="prefetch"><link href="/js/chunk-6e7aa5b1.9f49616a.js" rel="prefetch"><link href="/js/chunk-737c53fe.7752babd.js" rel="prefetch"><link href="/js/chunk-74d6e86d.92a1bab0.js" rel="prefetch"><link href="/js/chunk-8d0dacb4.2ea7e348.js" rel="prefetch"><link href="/js/chunk-977f0f52.f376ede8.js" rel="prefetch"><link href="/js/chunk-beffc790.d3d5c516.js" rel="prefetch"><link href="/js/chunk-da7e1532.4b71bb2c.js" rel="prefetch"><link href="/js/chunk-ebdb96a0.0296b8c3.js" rel="prefetch"><link href="/js/chunk-ef207110.b516af10.js" rel="prefetch"><link href="/css/app.30b6bfaa.css" rel="preload" as="style"><link href="/css/chunk-vendors.d0a33139.css" rel="preload" as="style"><link href="/js/app.fca91d8a.js" rel="preload" as="script"><link href="/js/chunk-vendors.5e652f88.js" rel="preload" as="script"><link href="/css/chunk-vendors.d0a33139.css" rel="stylesheet"><link href="/css/app.30b6bfaa.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but beelink doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><div id="make"></div><script>window.fbAsyncInit = function () {
             FB.init({
                 appId: '277826133389999',
                 autoLogAppEvents: true,
                 xfbml: true,
                 version: 'v8.0'
             });
-        };</script><script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script><script src="/js/cropper.min.js"></script><script src="/js/jquery-3.2.1.min.js"></script><script>$("meta[property='og:title']")[0].content = "测试动态"</script><script src="/js/chunk-vendors.5e652f88.js"></script><script src="/js/app.fc4af8f6.js"></script></body></html>
+        };</script><script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script><script src="/js/cropper.min.js"></script><script src="/js/jquery-3.2.1.min.js"></script><div id="xiangqingdivadsensedisplaynone" style="display:none;"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><ins class="adsbygoogle" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-7145171713084445" data-ad-slot="9189068072"></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});</script></div><div id="guanlidivadsensedisplaynone" style="display:none;"><ins class="adsbygoogle" style="display:inline-block;width:450px;height:380px" data-ad-client="ca-pub-7145171713084445" data-ad-slot="4213570423"></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});</script></div><script>$("meta[property='og:title']")[0].content = "测试动态"</script><script src="/js/chunk-vendors.5e652f88.js"></script><script src="/js/app.fca91d8a.js"></script></body></html>

dist/js/common.js

@@ -157,9 +157,9 @@ function setBtnClickFuc() {
   $('#logout-btn').on('click', () => {
     // window.location.hash='edit'
     // console.log(window.location.hash)
-    var x;
+    // var x;
-    var r=confirm("您确认关闭吗？");
+    // var r=confirm("您确认关闭吗？");
-    if (r==true){
+    // if (r==true){
        leave();
         $('#room-root').hide();
         $('#login-root').show();
@@ -188,6 +188,9 @@ function setBtnClickFuc() {
             },
             success(){
               res(1)
+            },
+            error(){
+              res(2)
             }
           })
         })
@@ -204,10 +207,10 @@ function setBtnClickFuc() {
           window.parent.location.href="/regime/livedetail?id=" + window.liveid;
         })
        
-    }
+    // }
-    else{
+    // else{
-      x="你按下了\"取消\"按钮!";
+    //   x="你按下了\"取消\"按钮!";
-    }
+    // }
     // leave();
     // $('#room-root').hide();
     // $('#login-root').show();
@@ -324,6 +327,9 @@ function addVideoView(id, isLocal = false) {
 }
 
 function addMemberView(id) {
+  if($("#" + id)[0]){
+    return ;
+  }
   let memberElm = $('#member-me').clone();
   memberElm.attr('id', id);
   // memberElm.attr('class', id);
@@ -333,11 +339,14 @@ function addMemberView(id) {
     const src = $(el.target).attr("src") == "img/camera-on.png" ? 1 : 0
     console.log("video" + id);
     sendsx(id,src)
+  window.message(src == 1 ? "关闭摄像头成功" : "解禁摄像头成功")
+
   })
   memberElm.find("#mic-btn").click((el)=>{
     const src = $(el.target).attr("src") == "img/mic-on.png" ? 1 : 0
     console.log("mic" + id);
     sendjinyan(id,src)
+    window.message(src == 1 ? "关闭麦克风成功" : "解禁麦克风成功")
   })
   memberElm.find("#video-btn").removeAttr("id")
   memberElm.find("#mic-btn").removeAttr("id")
@@ -345,6 +354,7 @@ function addMemberView(id) {
  console.log("移除")
  getname(id).then((res)=>{
   $("#" + id).find('div.member-id').html(res);
+
   // console.log(.length)
  })
  memberElm.appendTo($('#member-list'));
@@ -353,12 +363,16 @@ function addMemberView(id) {
 function removeView(id) {
   console.log("被删除")
   if ($('#' + id)[0]) {
+    if(id.indexOf("-") != -1){
       $('#' + id).remove();
+    }
+    
     //将video-grid中第一个div设为main-video
     $('.video-box')
       .first()
       .css('grid-area', '1/1/3/4');
   }
+
 }
 
 function exchangeView(a, b) {

dist/js/iminit.js

@@ -29,10 +29,10 @@ function getgrouplist(){
     promise.then(function(imResponse) {
       console.log(imResponse.data.memberCount);
       if(imResponse.data.memberCount < 3){
-        $("#main-video").css("grid-area","1/1/3/5")
+        $(".video-box").eq(0).css("grid-area","1/1/3/5")
         $(".liaotian").css("grid-area","3/1/4/5")
       }else{
-        $("#main-video").css("grid-area","1/1/3/4")
+        $(".video-box").eq(0).css("grid-area","1/1/3/4")
         $(".liaotian").css("grid-area","3/1/4/4")
       }
     }).catch(function(imError) {

dist/zhibo.html

@@ -8,6 +8,10 @@
     <link rel="stylesheet" href="./css/bootstrap-material-design.min.css">
     <link rel="stylesheet" href="./css/index.css">
     <link rel="stylesheet" href="./css/room.css">
+    <!-- 引入样式 -->
+    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
+    <!-- 引入组件库 -->
+    
     <script>
         (function (designWidth, maxWidth) {
             var doc = document,
@@ -60,6 +64,9 @@
         })(1366, 1024);
     </script>
     <style>
+        video{
+            position: unset !important; 
+        }
         #member-list > div{
             padding: 13rem;
             border-bottom: 1rem solid #EEEEEE;
@@ -136,6 +143,38 @@
             width: 40rem;
             height: 10rem;
         }
+        .modal-content{
+            border-radius: 3rem;
+            padding: 14rem;
+            margin-top: 15rem;
+        }
+        .modal-content .title{
+            width: 100%;
+            font-size: 10rem;
+            color: #595959;
+
+        }
+        .modal-content .buttons{
+            width: 100%;
+            font-size: 8rem;
+            color: #595959;
+            display: flex;
+            align-items: center;
+            justify-content: flex-end;
+            margin-top: 8rem;
+        }
+        .modal-content .buttons > div{
+            border: 1px solid #D9D9D9;
+            padding: 4rem 14rem;
+            margin-left: 11rem;
+            color: #595959;
+            border-radius: 3rem;
+            cursor:pointer;
+        }
+        .modal-content .buttons .back{
+            background-color: #1890FF;
+            color: #fff;
+        }
     </style>
 </head>
 
@@ -390,7 +429,7 @@
                     <div style="width: 20rem"></div>
                     <!-- id="logout-btn" -->
                     <!-- data-toggle="modal" data-target="#exampleModal" -->
-                    <img id="logout-btn" style="width: 45rem; height: 45rem" src="./img/logout.png" alt="">
+                    <img data-toggle="modal" data-target="#exampleModal"  style="width: 45rem; height: 45rem" src="./img/logout.png" alt="">
                 </div>
                 
                 
@@ -465,10 +504,12 @@
     <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
         <div class="modal-dialog">
           <div class="modal-content">
-           您确认要关闭吗？
+            <div class="title">
-           <div class="guanbibutton">
+                您确定要关闭直播吗？
-           <button type="button" class="btn btn-primary ">确认</button>
+            </div>
-           <button type="button" class="btn btn-secondary">取消</button>
+            <div class="buttons">
+                <div data-dismiss="modal">取消</div>
+                <div data-dismiss="modal" class="back" id="logout-btn">确定</div>
             </div>
           </div>
         </div>
@@ -535,6 +576,31 @@
             }
         })
     },5000)
+    </script>
+      <!-- import Vue before Element -->
+  <script src="https://unpkg.com/vue/dist/vue.js"></script>
+  <!-- import JavaScript -->
+  <script src="https://unpkg.com/element-ui/lib/index.js"></script>
+    <script>
+    new Vue({
+      el: '#app',
+      data: function() {
+        return { visible: false }
+      },
+      methods:{
+        open(text){
+               this.$message({
+                    message: text,
+                    type: 'success'
+                    });
+          },
+      },
+      mounted(){
+          window.message = this.open
+      }
+    })
+
+
     </script>
 </body>
 

public/index.html

@@ -114,7 +114,29 @@
     <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>
     <script src="/js/cropper.min.js"></script>
     <script src="/js/jquery-3.2.1.min.js"></script>
-
+    <div id="xiangqingdivadsensedisplaynone" style="display:none;">
+        <!-- put here all adsense code -->
+        <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
+        <!-- 详情页面 -->
+        <ins class="adsbygoogle"
+        style="display:inline-block;width:728px;height:90px"
+        data-ad-client="ca-pub-7145171713084445"
+        data-ad-slot="9189068072"></ins>
+        <script>
+            (adsbygoogle = window.adsbygoogle || []).push({});
+        </script>
+    </div>
+    <div id="guanlidivadsensedisplaynone" style="display:none;">
+        <!-- put here all adsense code -->
+        <!-- 直播管理和视频管理列表页面 -->
+        <ins class="adsbygoogle"
+     style="display:inline-block;width:450px;height:380px"
+     data-ad-client="ca-pub-7145171713084445"
+     data-ad-slot="4213570423"></ins>
+<script>
+     (adsbygoogle = window.adsbygoogle || []).push({});
+</script>
+    </div>
     <script>
         $("meta[property='og:title']")[0].content = "测试动态"
     </script>

public/js/common.js

@@ -157,9 +157,9 @@ function setBtnClickFuc() {
   $('#logout-btn').on('click', () => {
     // window.location.hash='edit'
     // console.log(window.location.hash)
-    var x;
+    // var x;
-    var r=confirm("您确认关闭吗？");
+    // var r=confirm("您确认关闭吗？");
-    if (r==true){
+    // if (r==true){
        leave();
         $('#room-root').hide();
         $('#login-root').show();
@@ -188,6 +188,9 @@ function setBtnClickFuc() {
             },
             success(){
               res(1)
+            },
+            error(){
+              res(2)
             }
           })
         })
@@ -204,10 +207,10 @@ function setBtnClickFuc() {
           window.parent.location.href="/regime/livedetail?id=" + window.liveid;
         })
        
-    }
+    // }
-    else{
+    // else{
-      x="你按下了\"取消\"按钮!";
+    //   x="你按下了\"取消\"按钮!";
-    }
+    // }
     // leave();
     // $('#room-root').hide();
     // $('#login-root').show();
@@ -324,6 +327,9 @@ function addVideoView(id, isLocal = false) {
 }
 
 function addMemberView(id) {
+  if($("#" + id)[0]){
+    return ;
+  }
   let memberElm = $('#member-me').clone();
   memberElm.attr('id', id);
   // memberElm.attr('class', id);
@@ -333,11 +339,14 @@ function addMemberView(id) {
     const src = $(el.target).attr("src") == "img/camera-on.png" ? 1 : 0
     console.log("video" + id);
     sendsx(id,src)
+  window.message(src == 1 ? "关闭摄像头成功" : "解禁摄像头成功")
+
   })
   memberElm.find("#mic-btn").click((el)=>{
     const src = $(el.target).attr("src") == "img/mic-on.png" ? 1 : 0
     console.log("mic" + id);
     sendjinyan(id,src)
+    window.message(src == 1 ? "关闭麦克风成功" : "解禁麦克风成功")
   })
   memberElm.find("#video-btn").removeAttr("id")
   memberElm.find("#mic-btn").removeAttr("id")
@@ -345,6 +354,7 @@ function addMemberView(id) {
  console.log("移除")
  getname(id).then((res)=>{
   $("#" + id).find('div.member-id').html(res);
+
   // console.log(.length)
  })
  memberElm.appendTo($('#member-list'));
@@ -353,12 +363,16 @@ function addMemberView(id) {
 function removeView(id) {
   console.log("被删除")
   if ($('#' + id)[0]) {
+    if(id.indexOf("-") != -1){
       $('#' + id).remove();
+    }
+    
     //将video-grid中第一个div设为main-video
     $('.video-box')
       .first()
       .css('grid-area', '1/1/3/4');
   }
+
 }
 
 function exchangeView(a, b) {

public/js/iminit.js

@@ -29,10 +29,10 @@ function getgrouplist(){
     promise.then(function(imResponse) {
       console.log(imResponse.data.memberCount);
       if(imResponse.data.memberCount < 3){
-        $("#main-video").css("grid-area","1/1/3/5")
+        $(".video-box").eq(0).css("grid-area","1/1/3/5")
         $(".liaotian").css("grid-area","3/1/4/5")
       }else{
-        $("#main-video").css("grid-area","1/1/3/4")
+        $(".video-box").eq(0).css("grid-area","1/1/3/4")
         $(".liaotian").css("grid-area","3/1/4/4")
       }
     }).catch(function(imError) {

public/zhibo.html

@@ -8,6 +8,10 @@
     <link rel="stylesheet" href="./css/bootstrap-material-design.min.css">
     <link rel="stylesheet" href="./css/index.css">
     <link rel="stylesheet" href="./css/room.css">
+    <!-- 引入样式 -->
+    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
+    <!-- 引入组件库 -->
+    
     <script>
         (function (designWidth, maxWidth) {
             var doc = document,
@@ -60,6 +64,9 @@
         })(1366, 1024);
     </script>
     <style>
+        video{
+            position: unset !important; 
+        }
         #member-list > div{
             padding: 13rem;
             border-bottom: 1rem solid #EEEEEE;
@@ -136,6 +143,38 @@
             width: 40rem;
             height: 10rem;
         }
+        .modal-content{
+            border-radius: 3rem;
+            padding: 14rem;
+            margin-top: 15rem;
+        }
+        .modal-content .title{
+            width: 100%;
+            font-size: 10rem;
+            color: #595959;
+
+        }
+        .modal-content .buttons{
+            width: 100%;
+            font-size: 8rem;
+            color: #595959;
+            display: flex;
+            align-items: center;
+            justify-content: flex-end;
+            margin-top: 8rem;
+        }
+        .modal-content .buttons > div{
+            border: 1px solid #D9D9D9;
+            padding: 4rem 14rem;
+            margin-left: 11rem;
+            color: #595959;
+            border-radius: 3rem;
+            cursor:pointer;
+        }
+        .modal-content .buttons .back{
+            background-color: #1890FF;
+            color: #fff;
+        }
     </style>
 </head>
 
@@ -390,7 +429,7 @@
                     <div style="width: 20rem"></div>
                     <!-- id="logout-btn" -->
                     <!-- data-toggle="modal" data-target="#exampleModal" -->
-                    <img id="logout-btn" style="width: 45rem; height: 45rem" src="./img/logout.png" alt="">
+                    <img data-toggle="modal" data-target="#exampleModal"  style="width: 45rem; height: 45rem" src="./img/logout.png" alt="">
                 </div>
                 
                 
@@ -465,10 +504,12 @@
     <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
         <div class="modal-dialog">
           <div class="modal-content">
-           您确认要关闭吗？
+            <div class="title">
-           <div class="guanbibutton">
+                您确定要关闭直播吗？
-           <button type="button" class="btn btn-primary ">确认</button>
+            </div>
-           <button type="button" class="btn btn-secondary">取消</button>
+            <div class="buttons">
+                <div data-dismiss="modal">取消</div>
+                <div data-dismiss="modal" class="back" id="logout-btn">确定</div>
             </div>
           </div>
         </div>
@@ -535,6 +576,31 @@
             }
         })
     },5000)
+    </script>
+      <!-- import Vue before Element -->
+  <script src="https://unpkg.com/vue/dist/vue.js"></script>
+  <!-- import JavaScript -->
+  <script src="https://unpkg.com/element-ui/lib/index.js"></script>
+    <script>
+    new Vue({
+      el: '#app',
+      data: function() {
+        return { visible: false }
+      },
+      methods:{
+        open(text){
+               this.$message({
+                    message: text,
+                    type: 'success'
+                    });
+          },
+      },
+      mounted(){
+          window.message = this.open
+      }
+    })
+
+
     </script>
 </body>
 

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/components/LivePlay.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="video">
-    <video v-if="isvideo" :id=" 'a' + time" style="width:100%;height:100%"></video>
+    <video v-if="isvideo" :id=" 'a' + time" style="width:100%;height:calc(100% - 0.58rem)"></video>
-    <img v-else :src="info.img" style="width:100%;height:100%" alt="">
+    <img v-else :src="info.img" style="width:100%;height:calc(100% - 0.58rem)" alt="">
     <div class="title fenxiang" @click="show"> <img src="@/static/images/fenxiang.png" alt=""> {{lan.$t('lijifenxiang')}}</div>
     <div class="liveinfo">
 

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/import-png.d.ts

@@ -31,3 +31,5 @@ declare var FB: any;
 declare var TCPlayer: 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/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/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();

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)