| 1 |
- (window.webpackJsonp=window.webpackJsonp||[]).push([[42],{2427:function(t,n,a){var e=a(2428);"string"==typeof e&&(e=[[t.i,e,""]]),e.locals&&(t.exports=e.locals);(0,a(19).default)("17e16030",e,!1,{})},2428:function(t,n,a){(t.exports=a(16)(!1)).push([t.i,"\n.customer_service[data-v-164e5b2a] {\n display: flex;\n flex-flow: wrap;\n padding: 10px 8px 0;\n font-size: 12px;\n color: #333333;\n}\n.customer_service .service-item[data-v-164e5b2a] {\n display: flex;\n flex: 0 0 30%;\n flex-direction: column;\n justify-content: space-evenly;\n align-items: center;\n padding: 10px 5px;\n background-color: #ffffff;\n border-radius: 10px;\n margin: 0 4px 10px;\n}\n.customer_service .avatar[data-v-164e5b2a] {\n width: 100px;\n height: 100px;\n border-radius: 10px;\n overflow: hidden;\n margin-bottom: 10px;\n}\n.customer_service .avatar img[data-v-164e5b2a] {\n width: 100%;\n height: 100%;\n}\n.customer_service .btn-session[data-v-164e5b2a] {\n color: #3b98f7;\n margin-top: 10px;\n padding: 2px 8px;\n border-radius: 15px;\n background-color: #f5f5f5;\n}\n.lawyer[data-v-164e5b2a] {\n margin: 0px 6px 14px 6px;\n box-shadow: 1px 2px 4px rgba(61, 61, 61, 0.25);\n border-radius: 10px;\n padding: 10px;\n font-size: 14px;\n background: #fff;\n}\n.lawyer .d-f[data-v-164e5b2a] {\n display: flex;\n align-items: center;\n}\n.lawyer .f-j-c[data-v-164e5b2a] {\n justify-content: space-between;\n}\n.lawyer .y-l[data-v-164e5b2a] {\n margin-right: 12px;\n}\n.lawyer .y-l img[data-v-164e5b2a] {\n width: 87px;\n height: 87px;\n border-radius: 4px;\n overflow: hidden;\n}\n.lawyer .y-r[data-v-164e5b2a] {\n flex: 1;\n flex-direction: column;\n height: 87px;\n justify-content: space-between;\n}\n.lawyer .y-r .d-f[data-v-164e5b2a] {\n width: 100%;\n margin-bottom: 4px;\n}\n.lawyer .s-16[data-v-164e5b2a] {\n font-size: 16px;\n}\n.lawyer .s-10[data-v-164e5b2a] {\n font-size: 10px;\n}\n.lawyer .tag[data-v-164e5b2a] {\n line-height: 16px;\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n}\n.lawyer .tag_1[data-v-164e5b2a] {\n padding: 0 5px;\n line-height: 18px;\n margin-right: 5px;\n font-size: 12px;\n margin-bottom: 4px;\n}\n.lawyer .btn[data-v-164e5b2a] {\n padding: 0 6px;\n text-align: center;\n border: 1px solid #1B1B1D;\n border-radius: 10px;\n}\n",""])},2494:function(t,n,a){"use strict";a.r(n);var e=a(39),s=a.n(e),i=function(){if(this.datas.preview_color){var t=this.datas,n=t.preview_color,a=t.font_size,e=t.font_color,s=t.button_size,i=t.button_bg_color,o=t.button_color,r=t.show_border,d=t.button_border_color,l=t.job_color,c=t.job_bg;return"\n\t\t\t\t.component-"+this.id+" .customer_service {\n background-color: "+(n.color||"#ffffff")+";\n background-image: url("+(2==n.isColor?n.image:"")+");\n background-size: 100% 100%;\n background-position: center;\n background-repeat: no-repeat;\n }\n\n .component-"+this.id+" .customer_service .name {\n font-size: "+a+"px;\n color: "+e+";\n }\n\n .component-"+this.id+" .customer_service .btn-session {\n \t\tbackground-color: "+i+";\n font-size: "+s+"px;\n color: "+o+";\n border: solid "+(r?"1":"0")+"px "+d+";\n }\n\n\t\t\t\t.component-"+this.id+" .lawyer .job_color {\n color: "+l+";\n background-color: "+c+";\n border-radius: 3px;\n }\n\n\t\t\t\t.component-"+this.id+" .lawyer .name_color {\n\t\t\t\t\tfont-size: "+a+"px;\n color: "+e+";\n }\n\t\t\t\t.component-"+this.id+" .lawyer .btn {\n color: "+o+";\n\t\t\t\t\t\tfont-size: "+s+"px;\n background-color: "+i+";\n border: solid "+(r?"1":"0")+"px "+d+";\n }\n "}},o={data:function(){return{emptyImage:s.a,img:a(114)}},props:["id","datas","styles"],computed:{css:function(){return"<style>"+i.call(this)+"</style>"},className:function(){return["component-wrapper","component-"+this.id]}},methods:{},mounted:function(){this.$emit("loaded")}},r=function(){var t=this,n=t.$createElement,a=t._self._c||n;return a("div",{class:t.className},[a("div",{domProps:{innerHTML:t._s(t.css)}}),t._v(" "),a("div",{staticClass:"customer_service"},[1==t.datas.style_radio?["3"==t.datas.get_style?t._l(t.datas.list,(function(n,e){return a("div",{key:e,staticClass:"service-item"},[a("div",{staticClass:"avatar"},[a("img",{attrs:{src:n.avatar||t.emptyImage,alt:""}})]),t._v(" "),a("div",{staticClass:"name"},[t._v(t._s(n.name))]),t._v(" "),a("span",{staticClass:"btn-session"},[a("span",{staticClass:"button-item"},[t._v(t._s(t.datas.button_title))])])])})):t._e(),t._v(" "),t.datas.get_style&&"4"!=t.datas.get_style?t._e():t._l(6,(function(n,e){return a("div",{key:e,staticClass:"service-item"},[a("div",{staticClass:"avatar"},[a("img",{attrs:{src:t.emptyImage,alt:""}})]),t._v(" "),a("div",{staticClass:"name"},[t._v("客服昵称")]),t._v(" "),a("span",{staticClass:"btn-session"},[a("span",{staticClass:"button-item"},[t._v(t._s(t.datas.button_title))])])])}))]:t._e(),t._v(" "),a("div",{directives:[{name:"show",rawName:"v-show",value:2==t.datas.style_radio,expression:"datas.style_radio == 2"}],staticStyle:{width:"100%"}},t._l(t.datas.list,(function(n,e){return a("div",{key:e,staticClass:"lawyer"},[a("div",{staticClass:"d-f "},[a("div",{staticClass:"d-f y-l"},[a("img",{attrs:{src:n.avatar||t.emptyImage,alt:""}})]),t._v(" "),a("div",{staticClass:"d-f y-r"},[a("div",{staticClass:"d-f f-j-c"},[a("div",{staticClass:"s-16 name_color"},[t._v(t._s(n.name||"客服昵称"))]),t._v(" "),a("div",{staticClass:"btn s-10"},[t._v(t._s(t.datas.button_title))])]),t._v(" "),n.tags?a("div",{staticClass:"d-f",staticStyle:{"flex-wrap":"wrap"}},t._l(n.tags.split(/\s+/),(function(n,e){return a("div",{key:e,staticClass:"job_color tag_1"},[t._v(t._s(n))])})),0):t._e(),t._v(" "),a("div",{staticClass:"d-f",staticStyle:{"line-height":"12px"}},[a("div",{staticClass:"tag s-10"},[t._v(t._s(n.sketch||"---"))])])])])])})),0),t._v(" "),"3"==t.datas.get_style&&(!t.datas.list||t.datas.list.length<=0)?a("div",{staticStyle:{margin:"0 auto"}},[a("a-empty")],1):t._e()],2)])};r._withStripped=!0;var d=a(11);var l=function(t){a(2427)},c=Object(d.a)(o,r,[],!1,l,"data-v-164e5b2a",null);c.options.__file="src\\ui-component\\U_staff\\m\\index.vue";n.default=c.exports}}]);
|
