| 1 |
- (window.webpackJsonp=window.webpackJsonp||[]).push([[19],{1805:function(t,i,a){t.exports=a.p+"cf8aff347a21a1e621282f5c321eeb77.png"},1806:function(t,i,a){t.exports=a.p+"701332c1716aea791f91f20b71ba8969.png"},1807:function(t,i,a){t.exports=a.p+"f44c80ef54942c334beb92db7d5a11d2.png"},1808:function(t,i,a){t.exports=a.p+"31525f4f440b9bc92ffcf41f4511c10d.png"},1809:function(t,i,a){t.exports=a.p+"2ee9c7aa65513e6d444004864e72391b.png"},1810:function(t,i,a){t.exports=a.p+"6a24e113944fecf33e4f08a0bdb28765.png"},2437:function(t,i,a){var n=a(2438);"string"==typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);(0,a(19).default)("9e09e384",n,!1,{})},2438:function(t,i,a){(t.exports=a(16)(!1)).push([t.i,"\n.component-wrapper[data-v-2a35bc0c] {\n width: 375px;\n padding: 12px;\n}\n.videoList[data-v-2a35bc0c]::-webkit-scrollbar {\n width: 0px;\n}\n.videoList[data-v-2a35bc0c]:last-child {\n margin-bottom: 0;\n}\n.videoList[data-v-2a35bc0c] {\n display: flex;\n overflow-x: scroll;\n margin-bottom: 14px;\n}\n.videoList .videoLis[data-v-2a35bc0c]:last-child {\n padding-right: 14px;\n}\n.videoList .videoLis[data-v-2a35bc0c]:first-child {\n padding-left: 14px;\n}\n.videoList .videoLis:first-child .line[data-v-2a35bc0c] {\n border-radius: 3px 0 0 3px;\n}\n.videoList .videoLis:last-child .line[data-v-2a35bc0c] {\n border-radius: 0 3px 3px 0;\n}\n.videoList .videoLis[data-v-2a35bc0c] {\n position: relative;\n flex-shrink: 0;\n width: 20%;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n.videoList .videoLis .status[data-v-2a35bc0c] {\n font-size: 10px;\n font-weight: 400;\n color: #f55e55;\n line-height: 10px;\n}\n.videoList .videoLis .status_pyq[data-v-2a35bc0c] {\n font-size: 10px;\n font-weight: 400;\n color: #07c160;\n line-height: 10px;\n}\n.videoList .videoLis .status_share[data-v-2a35bc0c] {\n font-size: 10px;\n font-weight: 400;\n color: #29abe2;\n line-height: 10px;\n}\n.videoList .videoLis .status_no[data-v-2a35bc0c] {\n font-size: 10px;\n font-weight: 400;\n color: #9a9a9a;\n line-height: 10px;\n}\n.videoList .videoLis .lineSelect[data-v-2a35bc0c] {\n background: linear-gradient(to right, #f55e55 0%, #f55e55 50%, #e6e6e6 51%, #e6e6e6 100%) !important;\n}\n.videoList .videoLis .lineSelect_all[data-v-2a35bc0c] {\n background: #f55e55 !important;\n}\n.videoList .videoLis .line[data-v-2a35bc0c] {\n width: 100%;\n height: 5px;\n background: #e6e6e6;\n margin: 14px 0 15px 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.videoList .videoLis .line .imgpyq[data-v-2a35bc0c] {\n width: 20px;\n height: 20px;\n border-radius: 100%;\n}\n.videoList .videoLis .line .imgpyq img[data-v-2a35bc0c] {\n width: 20px;\n height: 20px;\n border-radius: 100%;\n display: flex;\n}\n.videoList .videoLis .line .imgShare[data-v-2a35bc0c] {\n width: 20px;\n height: 20px;\n}\n.videoList .videoLis .line .imgShare img[data-v-2a35bc0c] {\n width: 20px;\n height: 20px;\n display: flex;\n}\n.videoList .videoLis .line .img[data-v-2a35bc0c] {\n width: 22px;\n height: 16px;\n}\n.videoList .videoLis .line .img img[data-v-2a35bc0c] {\n width: 22px;\n height: 16px;\n display: flex;\n}\n.videoList .videoLis .name[data-v-2a35bc0c] {\n font-size: 12px;\n font-weight: 400;\n color: #f55e55;\n}\n.videoList .videoLis .name_pyq[data-v-2a35bc0c] {\n font-size: 12px;\n font-weight: 400;\n color: #07c160;\n}\n.videoList .videoLis .name_share[data-v-2a35bc0c] {\n font-size: 12px;\n font-weight: 400;\n color: #29abe2;\n}\n.videoList .videoLis .name_default[data-v-2a35bc0c] {\n color: #000;\n}\n",""])},2499:function(t,i,a){"use strict";a.r(i);var n={data:function(){return{videoArr:[{status:!0,name:"视频1",id:1},{status:!0,name:"视频2",id:2},{status:!0,name:"视频3",id:3},{status:!0,name:"视频4",id:4},{status:!0,name:"视频5",id:5},{status:!0,name:"视频6",id:6},{status:!0,name:"视频7",id:7,last:!0},{status:!1,name:"视频8",id:8}],shareVideoArr:[{status:!0,name:"分享视频1",id:1},{status:!0,name:"分享视频2",id:2},{status:!0,name:"分享视频3",id:3,last:!0},{status:!1,name:"分享视频4",id:4}]}},props:["id","datas","styles"],computed:{css:function(t){function i(){return t.apply(this,arguments)}return i.toString=function(){return t.toString()},i}((function(){return"<style>"+css.call(this)+"</style>"})),className:function(){return["component-wrapper","component-"+this.id]},wrapper_style:function(){if(this.datas.preview_color){var t=this.datas.preview_color;return"\n width: 100%;\n background-color: "+t.color+";\n background-image: url("+(2==t.isColor?t.image:"")+");\n background-size: 100% 100%;\n bakcground-position: center;\n "}}},methods:{checkBackground:function(t,i,a){if(i.status)return i.last?t==a.length-1?"lineSelect_all":"lineSelect":"lineSelect_all"}},mounted:function(){}},s=function(){var t=this,i=t.$createElement,n=t._self._c||i;return n("div",{class:t.className,style:t.wrapper_style},[n("div",{staticStyle:{"background-color":"#fff",padding:"10px","border-radius":"4px"}},[n("div",{staticClass:"videoList"},t._l(t.videoArr,(function(i,s){return n("div",{key:s,staticClass:"videoLis"},[i.status?n("div",{staticClass:"status"},[t._v("已完成")]):t._e(),t._v(" "),i.status?t._e():n("div",{staticClass:"status_no"},[t._v("未完成")]),t._v(" "),n("div",{staticClass:"line",class:t.checkBackground(s,i,t.videoArr)},[n("div",{staticClass:"img"},[i.status?n("img",{attrs:{src:a(1810),alt:""}}):t._e(),t._v(" "),i.status?t._e():n("img",{attrs:{src:a(1809),alt:""}})])]),t._v(" "),n("div",{staticClass:"name",class:i.status?"":"name_default"},[t._v("\n "+t._s(i.name)+"\n ")])])})),0),t._v(" "),n("div",{staticClass:"videoList"},t._l(t.shareVideoArr,(function(i,s){return n("div",{key:s,staticClass:"videoLis"},[i.status?n("div",{staticClass:"status_pyq"},[t._v("已完成")]):t._e(),t._v(" "),i.status?t._e():n("div",{staticClass:"status_no"},[t._v("未完成")]),t._v(" "),n("div",{staticClass:"line",class:t.checkBackground(s,i,t.shareVideoArr)},[n("div",{staticClass:"imgpyq"},[i.status?n("img",{attrs:{src:a(1808),alt:""}}):t._e(),t._v(" "),i.status?t._e():n("img",{attrs:{src:a(1807),alt:""}})])]),t._v(" "),n("div",{staticClass:"name_pyq",class:i.status?"":"name_default"},[t._v("\n "+t._s(i.name)+"\n ")])])})),0),t._v(" "),n("div",{staticClass:"videoList"},t._l(t.videoArr,(function(i,s){return n("div",{key:s,staticClass:"videoLis"},[i.status?n("div",{staticClass:"status_share"},[t._v("已完成")]):t._e(),t._v(" "),i.status?t._e():n("div",{staticClass:"status_no"},[t._v("未完成")]),t._v(" "),n("div",{staticClass:"line",class:t.checkBackground(s,i,t.videoArr)},[n("div",{staticClass:"imgShare"},[i.status?n("img",{attrs:{src:a(1806),alt:""}}):t._e(),t._v(" "),i.status?t._e():n("img",{attrs:{src:a(1805),alt:""}})])]),t._v(" "),n("div",{staticClass:"name_share",class:i.status?"":"name_default"},[t._v("\n "+t._s(i.name)+"\n ")])])})),0)])])};s._withStripped=!0;var e=a(11);var d=function(t){a(2437)},o=Object(e.a)(n,s,[],!1,d,"data-v-2a35bc0c",null);o.options.__file="src\\ui-component\\U_taskPackage\\m\\index.vue";i.default=o.exports}}]);
|
