Merge pull request 'xbx' (#231) from xbx into master
Reviewed-on: http://git.luyuan.tk/luyuan/beelink/pulls/231
This commit is contained in:
commit
ff889c7dfb
1
dist/css/chunk-13df6c63.cf93d877.css
vendored
1
dist/css/chunk-13df6c63.cf93d877.css
vendored
@ -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}
|
|
1
dist/css/chunk-14e6a7cb.9cba31b5.css
vendored
1
dist/css/chunk-14e6a7cb.9cba31b5.css
vendored
@ -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}
|
|
1
dist/css/chunk-21d6a1b9.85832ac1.css
vendored
1
dist/css/chunk-21d6a1b9.85832ac1.css
vendored
@ -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}
|
|
@ -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}
|
File diff suppressed because one or more lines are too long
1
dist/css/chunk-5b9ca1f5.fefff9ef.css
vendored
Normal file
1
dist/css/chunk-5b9ca1f5.fefff9ef.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/css/chunk-6e7aa5b1.9851e10f.css
vendored
Normal file
1
dist/css/chunk-6e7aa5b1.9851e10f.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/css/chunk-beffc790.fd4895e6.css
vendored
Normal file
1
dist/css/chunk-beffc790.fd4895e6.css
vendored
Normal file
File diff suppressed because one or more lines are too long
4
dist/index.html
vendored
4
dist/index.html
vendored
@ -61,11 +61,11 @@
|
|||||||
left: 0;
|
left: 0;
|
||||||
z-index: 1001;
|
z-index: 1001;
|
||||||
display: none;
|
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({
|
FB.init({
|
||||||
appId: '277826133389999',
|
appId: '277826133389999',
|
||||||
autoLogAppEvents: true,
|
autoLogAppEvents: true,
|
||||||
xfbml: true,
|
xfbml: true,
|
||||||
version: 'v8.0'
|
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>
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
2
dist/js/chunk-13df6c63.66abbef5.js
vendored
2
dist/js/chunk-13df6c63.66abbef5.js
vendored
File diff suppressed because one or more lines are too long
1
dist/js/chunk-13df6c63.66abbef5.js.map
vendored
1
dist/js/chunk-13df6c63.66abbef5.js.map
vendored
File diff suppressed because one or more lines are too long
2
dist/js/chunk-14e6a7cb.63aecf96.js
vendored
2
dist/js/chunk-14e6a7cb.63aecf96.js
vendored
File diff suppressed because one or more lines are too long
1
dist/js/chunk-14e6a7cb.63aecf96.js.map
vendored
1
dist/js/chunk-14e6a7cb.63aecf96.js.map
vendored
File diff suppressed because one or more lines are too long
2
dist/js/chunk-21d6a1b9.fc2e1ca9.js
vendored
2
dist/js/chunk-21d6a1b9.fc2e1ca9.js
vendored
File diff suppressed because one or more lines are too long
1
dist/js/chunk-21d6a1b9.fc2e1ca9.js.map
vendored
1
dist/js/chunk-21d6a1b9.fc2e1ca9.js.map
vendored
File diff suppressed because one or more lines are too long
2
dist/js/chunk-24fbbe7a.beec2e34.js
vendored
2
dist/js/chunk-24fbbe7a.beec2e34.js
vendored
File diff suppressed because one or more lines are too long
1
dist/js/chunk-24fbbe7a.beec2e34.js.map
vendored
1
dist/js/chunk-24fbbe7a.beec2e34.js.map
vendored
File diff suppressed because one or more lines are too long
2
dist/js/chunk-2b71f1e5.22084566.js
vendored
Normal file
2
dist/js/chunk-2b71f1e5.22084566.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/js/chunk-2b71f1e5.22084566.js.map
vendored
Normal file
1
dist/js/chunk-2b71f1e5.22084566.js.map
vendored
Normal file
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
2
dist/js/chunk-3761df82.fbccc1f4.js
vendored
2
dist/js/chunk-3761df82.fbccc1f4.js
vendored
File diff suppressed because one or more lines are too long
1
dist/js/chunk-3761df82.fbccc1f4.js.map
vendored
1
dist/js/chunk-3761df82.fbccc1f4.js.map
vendored
File diff suppressed because one or more lines are too long
2
dist/js/chunk-454d65e7.b966702d.js
vendored
Normal file
2
dist/js/chunk-454d65e7.b966702d.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/js/chunk-454d65e7.b966702d.js.map
vendored
Normal file
1
dist/js/chunk-454d65e7.b966702d.js.map
vendored
Normal file
File diff suppressed because one or more lines are too long
2
dist/js/chunk-5b9ca1f5.3961d230.js
vendored
Normal file
2
dist/js/chunk-5b9ca1f5.3961d230.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/js/chunk-5b9ca1f5.3961d230.js.map
vendored
Normal file
1
dist/js/chunk-5b9ca1f5.3961d230.js.map
vendored
Normal file
File diff suppressed because one or more lines are too long
2
dist/js/chunk-6e7aa5b1.9f49616a.js
vendored
Normal file
2
dist/js/chunk-6e7aa5b1.9f49616a.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/js/chunk-6e7aa5b1.9f49616a.js.map
vendored
Normal file
1
dist/js/chunk-6e7aa5b1.9f49616a.js.map
vendored
Normal file
File diff suppressed because one or more lines are too long
2
dist/js/chunk-beffc790.d3d5c516.js
vendored
Normal file
2
dist/js/chunk-beffc790.d3d5c516.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/js/chunk-beffc790.d3d5c516.js.map
vendored
Normal file
1
dist/js/chunk-beffc790.d3d5c516.js.map
vendored
Normal file
File diff suppressed because one or more lines are too long
28
dist/js/common.js
vendored
28
dist/js/common.js
vendored
@ -157,9 +157,9 @@ function setBtnClickFuc() {
|
|||||||
$('#logout-btn').on('click', () => {
|
$('#logout-btn').on('click', () => {
|
||||||
// window.location.hash='edit'
|
// window.location.hash='edit'
|
||||||
// console.log(window.location.hash)
|
// console.log(window.location.hash)
|
||||||
var x;
|
// var x;
|
||||||
var r=confirm("您确认关闭吗?");
|
// var r=confirm("您确认关闭吗?");
|
||||||
if (r==true){
|
// if (r==true){
|
||||||
leave();
|
leave();
|
||||||
$('#room-root').hide();
|
$('#room-root').hide();
|
||||||
$('#login-root').show();
|
$('#login-root').show();
|
||||||
@ -188,6 +188,9 @@ function setBtnClickFuc() {
|
|||||||
},
|
},
|
||||||
success(){
|
success(){
|
||||||
res(1)
|
res(1)
|
||||||
|
},
|
||||||
|
error(){
|
||||||
|
res(2)
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
@ -204,10 +207,10 @@ function setBtnClickFuc() {
|
|||||||
window.parent.location.href="/regime/livedetail?id=" + window.liveid;
|
window.parent.location.href="/regime/livedetail?id=" + window.liveid;
|
||||||
})
|
})
|
||||||
|
|
||||||
}
|
// }
|
||||||
else{
|
// else{
|
||||||
x="你按下了\"取消\"按钮!";
|
// x="你按下了\"取消\"按钮!";
|
||||||
}
|
// }
|
||||||
// leave();
|
// leave();
|
||||||
// $('#room-root').hide();
|
// $('#room-root').hide();
|
||||||
// $('#login-root').show();
|
// $('#login-root').show();
|
||||||
@ -324,6 +327,9 @@ function addVideoView(id, isLocal = false) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function addMemberView(id) {
|
function addMemberView(id) {
|
||||||
|
if($("#" + id)[0]){
|
||||||
|
return ;
|
||||||
|
}
|
||||||
let memberElm = $('#member-me').clone();
|
let memberElm = $('#member-me').clone();
|
||||||
memberElm.attr('id', id);
|
memberElm.attr('id', id);
|
||||||
// memberElm.attr('class', id);
|
// memberElm.attr('class', id);
|
||||||
@ -333,11 +339,14 @@ function addMemberView(id) {
|
|||||||
const src = $(el.target).attr("src") == "img/camera-on.png" ? 1 : 0
|
const src = $(el.target).attr("src") == "img/camera-on.png" ? 1 : 0
|
||||||
console.log("video" + id);
|
console.log("video" + id);
|
||||||
sendsx(id,src)
|
sendsx(id,src)
|
||||||
|
window.message(src == 1 ? "关闭摄像头成功" : "解禁摄像头成功")
|
||||||
|
|
||||||
})
|
})
|
||||||
memberElm.find("#mic-btn").click((el)=>{
|
memberElm.find("#mic-btn").click((el)=>{
|
||||||
const src = $(el.target).attr("src") == "img/mic-on.png" ? 1 : 0
|
const src = $(el.target).attr("src") == "img/mic-on.png" ? 1 : 0
|
||||||
console.log("mic" + id);
|
console.log("mic" + id);
|
||||||
sendjinyan(id,src)
|
sendjinyan(id,src)
|
||||||
|
window.message(src == 1 ? "关闭麦克风成功" : "解禁麦克风成功")
|
||||||
})
|
})
|
||||||
memberElm.find("#video-btn").removeAttr("id")
|
memberElm.find("#video-btn").removeAttr("id")
|
||||||
memberElm.find("#mic-btn").removeAttr("id")
|
memberElm.find("#mic-btn").removeAttr("id")
|
||||||
@ -345,6 +354,7 @@ function addMemberView(id) {
|
|||||||
console.log("移除")
|
console.log("移除")
|
||||||
getname(id).then((res)=>{
|
getname(id).then((res)=>{
|
||||||
$("#" + id).find('div.member-id').html(res);
|
$("#" + id).find('div.member-id').html(res);
|
||||||
|
|
||||||
// console.log(.length)
|
// console.log(.length)
|
||||||
})
|
})
|
||||||
memberElm.appendTo($('#member-list'));
|
memberElm.appendTo($('#member-list'));
|
||||||
@ -353,12 +363,16 @@ function addMemberView(id) {
|
|||||||
function removeView(id) {
|
function removeView(id) {
|
||||||
console.log("被删除")
|
console.log("被删除")
|
||||||
if ($('#' + id)[0]) {
|
if ($('#' + id)[0]) {
|
||||||
|
if(id.indexOf("-") != -1){
|
||||||
$('#' + id).remove();
|
$('#' + id).remove();
|
||||||
|
}
|
||||||
|
|
||||||
//将video-grid中第一个div设为main-video
|
//将video-grid中第一个div设为main-video
|
||||||
$('.video-box')
|
$('.video-box')
|
||||||
.first()
|
.first()
|
||||||
.css('grid-area', '1/1/3/4');
|
.css('grid-area', '1/1/3/4');
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function exchangeView(a, b) {
|
function exchangeView(a, b) {
|
||||||
|
4
dist/js/iminit.js
vendored
4
dist/js/iminit.js
vendored
@ -29,10 +29,10 @@ function getgrouplist(){
|
|||||||
promise.then(function(imResponse) {
|
promise.then(function(imResponse) {
|
||||||
console.log(imResponse.data.memberCount);
|
console.log(imResponse.data.memberCount);
|
||||||
if(imResponse.data.memberCount < 3){
|
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")
|
$(".liaotian").css("grid-area","3/1/4/5")
|
||||||
}else{
|
}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")
|
$(".liaotian").css("grid-area","3/1/4/4")
|
||||||
}
|
}
|
||||||
}).catch(function(imError) {
|
}).catch(function(imError) {
|
||||||
|
76
dist/zhibo.html
vendored
76
dist/zhibo.html
vendored
@ -8,6 +8,10 @@
|
|||||||
<link rel="stylesheet" href="./css/bootstrap-material-design.min.css">
|
<link rel="stylesheet" href="./css/bootstrap-material-design.min.css">
|
||||||
<link rel="stylesheet" href="./css/index.css">
|
<link rel="stylesheet" href="./css/index.css">
|
||||||
<link rel="stylesheet" href="./css/room.css">
|
<link rel="stylesheet" href="./css/room.css">
|
||||||
|
<!-- 引入样式 -->
|
||||||
|
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
|
||||||
|
<!-- 引入组件库 -->
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
(function (designWidth, maxWidth) {
|
(function (designWidth, maxWidth) {
|
||||||
var doc = document,
|
var doc = document,
|
||||||
@ -60,6 +64,9 @@
|
|||||||
})(1366, 1024);
|
})(1366, 1024);
|
||||||
</script>
|
</script>
|
||||||
<style>
|
<style>
|
||||||
|
video{
|
||||||
|
position: unset !important;
|
||||||
|
}
|
||||||
#member-list > div{
|
#member-list > div{
|
||||||
padding: 13rem;
|
padding: 13rem;
|
||||||
border-bottom: 1rem solid #EEEEEE;
|
border-bottom: 1rem solid #EEEEEE;
|
||||||
@ -136,6 +143,38 @@
|
|||||||
width: 40rem;
|
width: 40rem;
|
||||||
height: 10rem;
|
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>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
@ -390,7 +429,7 @@
|
|||||||
<div style="width: 20rem"></div>
|
<div style="width: 20rem"></div>
|
||||||
<!-- id="logout-btn" -->
|
<!-- id="logout-btn" -->
|
||||||
<!-- data-toggle="modal" data-target="#exampleModal" -->
|
<!-- 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>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
@ -465,10 +504,12 @@
|
|||||||
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
||||||
<div class="modal-dialog">
|
<div class="modal-dialog">
|
||||||
<div class="modal-content">
|
<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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -535,6 +576,31 @@
|
|||||||
}
|
}
|
||||||
})
|
})
|
||||||
},5000)
|
},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>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
@ -114,7 +114,29 @@
|
|||||||
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></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/cropper.min.js"></script>
|
||||||
<script src="/js/jquery-3.2.1.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>
|
<script>
|
||||||
$("meta[property='og:title']")[0].content = "测试动态"
|
$("meta[property='og:title']")[0].content = "测试动态"
|
||||||
</script>
|
</script>
|
||||||
|
@ -157,9 +157,9 @@ function setBtnClickFuc() {
|
|||||||
$('#logout-btn').on('click', () => {
|
$('#logout-btn').on('click', () => {
|
||||||
// window.location.hash='edit'
|
// window.location.hash='edit'
|
||||||
// console.log(window.location.hash)
|
// console.log(window.location.hash)
|
||||||
var x;
|
// var x;
|
||||||
var r=confirm("您确认关闭吗?");
|
// var r=confirm("您确认关闭吗?");
|
||||||
if (r==true){
|
// if (r==true){
|
||||||
leave();
|
leave();
|
||||||
$('#room-root').hide();
|
$('#room-root').hide();
|
||||||
$('#login-root').show();
|
$('#login-root').show();
|
||||||
@ -188,6 +188,9 @@ function setBtnClickFuc() {
|
|||||||
},
|
},
|
||||||
success(){
|
success(){
|
||||||
res(1)
|
res(1)
|
||||||
|
},
|
||||||
|
error(){
|
||||||
|
res(2)
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
@ -204,10 +207,10 @@ function setBtnClickFuc() {
|
|||||||
window.parent.location.href="/regime/livedetail?id=" + window.liveid;
|
window.parent.location.href="/regime/livedetail?id=" + window.liveid;
|
||||||
})
|
})
|
||||||
|
|
||||||
}
|
// }
|
||||||
else{
|
// else{
|
||||||
x="你按下了\"取消\"按钮!";
|
// x="你按下了\"取消\"按钮!";
|
||||||
}
|
// }
|
||||||
// leave();
|
// leave();
|
||||||
// $('#room-root').hide();
|
// $('#room-root').hide();
|
||||||
// $('#login-root').show();
|
// $('#login-root').show();
|
||||||
@ -324,6 +327,9 @@ function addVideoView(id, isLocal = false) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function addMemberView(id) {
|
function addMemberView(id) {
|
||||||
|
if($("#" + id)[0]){
|
||||||
|
return ;
|
||||||
|
}
|
||||||
let memberElm = $('#member-me').clone();
|
let memberElm = $('#member-me').clone();
|
||||||
memberElm.attr('id', id);
|
memberElm.attr('id', id);
|
||||||
// memberElm.attr('class', id);
|
// memberElm.attr('class', id);
|
||||||
@ -333,11 +339,14 @@ function addMemberView(id) {
|
|||||||
const src = $(el.target).attr("src") == "img/camera-on.png" ? 1 : 0
|
const src = $(el.target).attr("src") == "img/camera-on.png" ? 1 : 0
|
||||||
console.log("video" + id);
|
console.log("video" + id);
|
||||||
sendsx(id,src)
|
sendsx(id,src)
|
||||||
|
window.message(src == 1 ? "关闭摄像头成功" : "解禁摄像头成功")
|
||||||
|
|
||||||
})
|
})
|
||||||
memberElm.find("#mic-btn").click((el)=>{
|
memberElm.find("#mic-btn").click((el)=>{
|
||||||
const src = $(el.target).attr("src") == "img/mic-on.png" ? 1 : 0
|
const src = $(el.target).attr("src") == "img/mic-on.png" ? 1 : 0
|
||||||
console.log("mic" + id);
|
console.log("mic" + id);
|
||||||
sendjinyan(id,src)
|
sendjinyan(id,src)
|
||||||
|
window.message(src == 1 ? "关闭麦克风成功" : "解禁麦克风成功")
|
||||||
})
|
})
|
||||||
memberElm.find("#video-btn").removeAttr("id")
|
memberElm.find("#video-btn").removeAttr("id")
|
||||||
memberElm.find("#mic-btn").removeAttr("id")
|
memberElm.find("#mic-btn").removeAttr("id")
|
||||||
@ -345,6 +354,7 @@ function addMemberView(id) {
|
|||||||
console.log("移除")
|
console.log("移除")
|
||||||
getname(id).then((res)=>{
|
getname(id).then((res)=>{
|
||||||
$("#" + id).find('div.member-id').html(res);
|
$("#" + id).find('div.member-id').html(res);
|
||||||
|
|
||||||
// console.log(.length)
|
// console.log(.length)
|
||||||
})
|
})
|
||||||
memberElm.appendTo($('#member-list'));
|
memberElm.appendTo($('#member-list'));
|
||||||
@ -353,12 +363,16 @@ function addMemberView(id) {
|
|||||||
function removeView(id) {
|
function removeView(id) {
|
||||||
console.log("被删除")
|
console.log("被删除")
|
||||||
if ($('#' + id)[0]) {
|
if ($('#' + id)[0]) {
|
||||||
|
if(id.indexOf("-") != -1){
|
||||||
$('#' + id).remove();
|
$('#' + id).remove();
|
||||||
|
}
|
||||||
|
|
||||||
//将video-grid中第一个div设为main-video
|
//将video-grid中第一个div设为main-video
|
||||||
$('.video-box')
|
$('.video-box')
|
||||||
.first()
|
.first()
|
||||||
.css('grid-area', '1/1/3/4');
|
.css('grid-area', '1/1/3/4');
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function exchangeView(a, b) {
|
function exchangeView(a, b) {
|
||||||
|
@ -29,10 +29,10 @@ function getgrouplist(){
|
|||||||
promise.then(function(imResponse) {
|
promise.then(function(imResponse) {
|
||||||
console.log(imResponse.data.memberCount);
|
console.log(imResponse.data.memberCount);
|
||||||
if(imResponse.data.memberCount < 3){
|
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")
|
$(".liaotian").css("grid-area","3/1/4/5")
|
||||||
}else{
|
}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")
|
$(".liaotian").css("grid-area","3/1/4/4")
|
||||||
}
|
}
|
||||||
}).catch(function(imError) {
|
}).catch(function(imError) {
|
||||||
|
@ -8,6 +8,10 @@
|
|||||||
<link rel="stylesheet" href="./css/bootstrap-material-design.min.css">
|
<link rel="stylesheet" href="./css/bootstrap-material-design.min.css">
|
||||||
<link rel="stylesheet" href="./css/index.css">
|
<link rel="stylesheet" href="./css/index.css">
|
||||||
<link rel="stylesheet" href="./css/room.css">
|
<link rel="stylesheet" href="./css/room.css">
|
||||||
|
<!-- 引入样式 -->
|
||||||
|
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
|
||||||
|
<!-- 引入组件库 -->
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
(function (designWidth, maxWidth) {
|
(function (designWidth, maxWidth) {
|
||||||
var doc = document,
|
var doc = document,
|
||||||
@ -60,6 +64,9 @@
|
|||||||
})(1366, 1024);
|
})(1366, 1024);
|
||||||
</script>
|
</script>
|
||||||
<style>
|
<style>
|
||||||
|
video{
|
||||||
|
position: unset !important;
|
||||||
|
}
|
||||||
#member-list > div{
|
#member-list > div{
|
||||||
padding: 13rem;
|
padding: 13rem;
|
||||||
border-bottom: 1rem solid #EEEEEE;
|
border-bottom: 1rem solid #EEEEEE;
|
||||||
@ -136,6 +143,38 @@
|
|||||||
width: 40rem;
|
width: 40rem;
|
||||||
height: 10rem;
|
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>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
@ -390,7 +429,7 @@
|
|||||||
<div style="width: 20rem"></div>
|
<div style="width: 20rem"></div>
|
||||||
<!-- id="logout-btn" -->
|
<!-- id="logout-btn" -->
|
||||||
<!-- data-toggle="modal" data-target="#exampleModal" -->
|
<!-- 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>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
@ -465,10 +504,12 @@
|
|||||||
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
||||||
<div class="modal-dialog">
|
<div class="modal-dialog">
|
||||||
<div class="modal-content">
|
<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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -535,6 +576,31 @@
|
|||||||
}
|
}
|
||||||
})
|
})
|
||||||
},5000)
|
},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>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
141
src/components/LiveItemad.vue
Normal file
141
src/components/LiveItemad.vue
Normal file
@ -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>
|
@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="video">
|
<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="title fenxiang" @click="show"> <img src="@/static/images/fenxiang.png" alt=""> {{lan.$t('lijifenxiang')}}</div>
|
||||||
<div class="liveinfo">
|
<div class="liveinfo">
|
||||||
|
|
||||||
|
142
src/components/infoad.vue
Normal file
142
src/components/infoad.vue
Normal file
@ -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>
|
2
src/import-png.d.ts
vendored
2
src/import-png.d.ts
vendored
@ -31,3 +31,5 @@ declare var FB: any;
|
|||||||
declare var TCPlayer: any;
|
declare var TCPlayer: any;
|
||||||
|
|
||||||
declare var Cropper: any;
|
declare var Cropper: any;
|
||||||
|
|
||||||
|
declare var adsbygoogle: any;
|
@ -18,6 +18,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="list" v-if="tabindex == 1">
|
<div class="list" v-if="tabindex == 1">
|
||||||
|
<LiveItemad></LiveItemad>
|
||||||
<LiveItem
|
<LiveItem
|
||||||
:type="2"
|
:type="2"
|
||||||
v-for="(i, j) in livelist.data"
|
v-for="(i, j) in livelist.data"
|
||||||
@ -34,6 +35,8 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="list" v-if="tabindex == 0">
|
<div class="list" v-if="tabindex == 0">
|
||||||
|
<LiveItemad></LiveItemad>
|
||||||
|
|
||||||
<LiveItem
|
<LiveItem
|
||||||
:type="2"
|
:type="2"
|
||||||
v-for="(i, j) in livelist.data"
|
v-for="(i, j) in livelist.data"
|
||||||
@ -49,6 +52,7 @@
|
|||||||
></LiveItem>
|
></LiveItem>
|
||||||
</div>
|
</div>
|
||||||
<div class="list" v-if="tabindex == 2">
|
<div class="list" v-if="tabindex == 2">
|
||||||
|
<LiveItemad></LiveItemad>
|
||||||
<LiveItem
|
<LiveItem
|
||||||
:type="2"
|
:type="2"
|
||||||
v-for="(i, j) in livelist.data"
|
v-for="(i, j) in livelist.data"
|
||||||
@ -177,12 +181,14 @@
|
|||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { defineComponent, onMounted, ref, watch } from "vue";
|
import { defineComponent, onMounted, ref, watch } from "vue";
|
||||||
import LiveItem from "@/components/LiveItem.vue";
|
import LiveItem from "@/components/LiveItem.vue";
|
||||||
|
import LiveItemad from "@/components/LiveItemad.vue";
|
||||||
import { getlivelist } from "@/api";
|
import { getlivelist } from "@/api";
|
||||||
import { LivelistInfo } from "@/types";
|
import { LivelistInfo } from "@/types";
|
||||||
import { useI18n } from '@/utils/i18n';
|
import { useI18n } from '@/utils/i18n';
|
||||||
export default defineComponent({
|
export default defineComponent({
|
||||||
components: {
|
components: {
|
||||||
LiveItem,
|
LiveItem,
|
||||||
|
LiveItemad
|
||||||
},
|
},
|
||||||
setup() {
|
setup() {
|
||||||
const lan: any = useI18n();
|
const lan: any = useI18n();
|
||||||
|
@ -7,6 +7,8 @@
|
|||||||
|
|
||||||
<LiveCount :info="liveinfo.studentlist" :livestatus="liveinfo.livestatus" :zid="liveinfo.liveid"></LiveCount>
|
<LiveCount :info="liveinfo.studentlist" :livestatus="liveinfo.livestatus" :zid="liveinfo.liveid"></LiveCount>
|
||||||
</div>
|
</div>
|
||||||
|
<infoad></infoad>
|
||||||
|
|
||||||
<VideoReview class="review" v-if="liveinfo.livestatus == 2" :videoinfo="liveinfo.score"></VideoReview>
|
<VideoReview class="review" v-if="liveinfo.livestatus == 2" :videoinfo="liveinfo.score"></VideoReview>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@ -34,6 +36,8 @@ import { defineComponent, ref } from "vue";
|
|||||||
import liveplay from "@/components/LivePlay.vue";
|
import liveplay from "@/components/LivePlay.vue";
|
||||||
import LiveCount from "@/components/LiveCount.vue";
|
import LiveCount from "@/components/LiveCount.vue";
|
||||||
import VideoReview from "@/components/VideoReview.vue";
|
import VideoReview from "@/components/VideoReview.vue";
|
||||||
|
import infoad from "@/components/infoad.vue";
|
||||||
|
|
||||||
import { useRoute } from "vue-router";
|
import { useRoute } from "vue-router";
|
||||||
import { getliveinfo, share } from "@/api";
|
import { getliveinfo, share } from "@/api";
|
||||||
import router from '@/router';
|
import router from '@/router';
|
||||||
@ -43,6 +47,7 @@ export default defineComponent({
|
|||||||
LiveCount,
|
LiveCount,
|
||||||
liveplay,
|
liveplay,
|
||||||
VideoReview,
|
VideoReview,
|
||||||
|
infoad
|
||||||
},
|
},
|
||||||
setup() {
|
setup() {
|
||||||
console.log(useRoute().query.id);
|
console.log(useRoute().query.id);
|
||||||
|
@ -24,7 +24,7 @@
|
|||||||
<a-empty />
|
<a-empty />
|
||||||
</template>
|
</template>
|
||||||
<div class="list" v-if="tabindex == 4">
|
<div class="list" v-if="tabindex == 4">
|
||||||
|
<LiveItemad></LiveItemad>
|
||||||
<VideoItem
|
<VideoItem
|
||||||
v-for="(i, j) in videolist.data"
|
v-for="(i, j) in videolist.data"
|
||||||
:key="j"
|
:key="j"
|
||||||
@ -43,6 +43,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="list" v-if="tabindex == 0">
|
<div class="list" v-if="tabindex == 0">
|
||||||
|
<LiveItemad></LiveItemad>
|
||||||
<VideoItem
|
<VideoItem
|
||||||
v-for="(i, j) in videolist.data"
|
v-for="(i, j) in videolist.data"
|
||||||
:key="j"
|
:key="j"
|
||||||
@ -60,6 +61,7 @@
|
|||||||
></VideoItem>
|
></VideoItem>
|
||||||
</div>
|
</div>
|
||||||
<div class="list" v-if="tabindex == 2">
|
<div class="list" v-if="tabindex == 2">
|
||||||
|
<LiveItemad></LiveItemad>
|
||||||
<VideoItem
|
<VideoItem
|
||||||
v-for="(i, j) in videolist.data"
|
v-for="(i, j) in videolist.data"
|
||||||
:key="j"
|
:key="j"
|
||||||
@ -204,12 +206,14 @@
|
|||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { defineComponent, onMounted, reactive, ref, UnwrapRef } from "vue";
|
import { defineComponent, onMounted, reactive, ref, UnwrapRef } from "vue";
|
||||||
import VideoItem from "@/components/VideoItem.vue";
|
import VideoItem from "@/components/VideoItem.vue";
|
||||||
|
import LiveItemad from "@/components/LiveItemad.vue";
|
||||||
import { getvideolist } from "@/api";
|
import { getvideolist } from "@/api";
|
||||||
import { useRoute } from 'vue-router';
|
import { useRoute } from 'vue-router';
|
||||||
import { useI18n } from '@/utils/i18n';
|
import { useI18n } from '@/utils/i18n';
|
||||||
export default defineComponent({
|
export default defineComponent({
|
||||||
components: {
|
components: {
|
||||||
VideoItem,
|
VideoItem,
|
||||||
|
LiveItemad
|
||||||
},
|
},
|
||||||
setup() {
|
setup() {
|
||||||
const lan: any = useI18n();
|
const lan: any = useI18n();
|
||||||
|
@ -4,6 +4,7 @@
|
|||||||
<VideoPlay :title="result.title" :vid="result.videoid" :url="result.fileid"></VideoPlay>
|
<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>
|
<VideoCont :videoid="result.videoid" :yuanyin="result.statusdesc" :date="result.createdAt" :watch="result.watch" :share="result.share" :status="result.status"></VideoCont>
|
||||||
</div>
|
</div>
|
||||||
|
<infoad></infoad>
|
||||||
<VideoReview :videoinfo="result.score" class="review" v-if="result.status == 1"></VideoReview>
|
<VideoReview :videoinfo="result.score" class="review" v-if="result.status == 1"></VideoReview>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@ -24,6 +25,7 @@
|
|||||||
import { defineComponent, onMounted, ref } from 'vue';
|
import { defineComponent, onMounted, ref } from 'vue';
|
||||||
import VideoPlay from "@/components/VideoPlay.vue"
|
import VideoPlay from "@/components/VideoPlay.vue"
|
||||||
import VideoCont from "@/components/VideoCont.vue"
|
import VideoCont from "@/components/VideoCont.vue"
|
||||||
|
import infoad from "@/components/infoad.vue";
|
||||||
import VideoReview from "@/components/VideoReview.vue";
|
import VideoReview from "@/components/VideoReview.vue";
|
||||||
import { getcommentlist, videodetail } from '@/api';
|
import { getcommentlist, videodetail } from '@/api';
|
||||||
import { useRoute } from 'vue-router';
|
import { useRoute } from 'vue-router';
|
||||||
@ -31,7 +33,8 @@ export default defineComponent({
|
|||||||
components:{
|
components:{
|
||||||
VideoPlay,
|
VideoPlay,
|
||||||
VideoCont,
|
VideoCont,
|
||||||
VideoReview
|
VideoReview,
|
||||||
|
infoad
|
||||||
},
|
},
|
||||||
setup(){
|
setup(){
|
||||||
// console.log(1)
|
// console.log(1)
|
||||||
|
Loading…
Reference in New Issue
Block a user