| 1 |
- (window.webpackJsonp=window.webpackJsonp||[]).push([[54],{2405:function(t,n,a){var o=a(2406);"string"==typeof o&&(o=[[t.i,o,""]]),o.locals&&(t.exports=o.locals);(0,a(19).default)("64827502",o,!1,{})},2406:function(t,n,a){(t.exports=a(16)(!1)).push([t.i,"\n*[data-v-512b6f70] {\n list-style-type: none;\n}\n.component-wrapper[data-v-512b6f70] {\n width: 375px;\n}\n#tab .nav[data-v-512b6f70] {\n display: flex;\n align-items: center;\n height: 40px;\n white-space: nowrap;\n flex-wrap: nowrap;\n box-sizing: content-box;\n}\n#tab .nav .nav-li[data-v-512b6f70] {\n flex: 1;\n min-width: 20%;\n text-align: center;\n}\n#tab .nav .nav-li .nav-lis[data-v-512b6f70] {\n display: inline-block;\n line-height: 40px;\n}\n#tab .scroll[data-v-512b6f70] {\n overflow-x: scroll;\n}\n.tab-box[data-v-512b6f70] {\n display: flex;\n}\n.tab-left-list[data-v-512b6f70] {\n display: flex;\n flex-direction: column;\n flex: 0 0 50px;\n text-align: center;\n /*.tab-left-item.active {*/\n /*background-color: #333333;*/\n /*color: #ffffff;*/\n /*}*/\n}\n.tab-left-list .tab-left-item[data-v-512b6f70] {\n font-size: 12px;\n padding: 15px 5px;\n}\n.tab-left-list .tab-left-title[data-v-512b6f70] {\n display: inline-block;\n}\n.tab-left-list .tab-left-img[data-v-512b6f70] {\n width: 100%;\n height: 100%;\n}\n.tab-content-box[data-v-512b6f70] {\n flex: 1;\n display: flex;\n flex-direction: column;\n}\n.tab-content[data-v-512b6f70] {\n display: flex;\n flex-direction: column;\n}\n.tab-top-choose[data-v-512b6f70] {\n padding: 10px 5px;\n /*.top-option-item.active {*/\n /*background-color: #333333;*/\n /*color: #ffffff;*/\n /*}*/\n}\n.tab-top-choose .top-title[data-v-512b6f70] {\n display: flex;\n align-items: center;\n margin-bottom: 5px;\n}\n.tab-top-choose .line[data-v-512b6f70] {\n width: 2px;\n height: 16px;\n /*background-color: #333333;*/\n margin-right: 8px;\n}\n.tab-top-choose .top-option-list[data-v-512b6f70] {\n font-size: 12px;\n}\n.tab-top-choose .top-option-list.show_first_tab[data-v-512b6f70] {\n display: flex;\n flex-wrap: wrap;\n}\n.tab-top-choose .top-option-list.not_show_first_tab[data-v-512b6f70] {\n white-space: nowrap;\n overflow-x: scroll;\n}\n.tab-top-choose .top-option-list[data-v-512b6f70]::-webkit-scrollbar {\n display: none;\n}\n.tab-top-choose .top-option-item[data-v-512b6f70] {\n display: inline-block;\n padding: 3px 10px;\n /*border: 1px solid #333333;*/\n border-radius: 2px;\n margin: 3px;\n}\n.tab-top-choose .icon-fontclass-tequanzhekou[data-v-512b6f70] {\n font-size: 12px;\n vertical-align: middle;\n}\n.tab-group .check-more[data-v-512b6f70] {\n width: 80%;\n height: 35px;\n margin: 20px auto;\n text-align: center;\n line-height: 35px;\n /*background-color: #333333;*/\n /*color: #ffffff;*/\n border-radius: 4px;\n}\n",""])},2484:function(t,n,a){"use strict";a.r(n);var o=a(56),e=a.n(o),i=a(114),s=a.n(i),l=function(){var t=this.datas,n=t.preview_color,a=t.first_tab_color,o=t.first_tab_bg_color,e=t.first_tab_active_color,i=t.first_tab_active_bg_color,s=t.first_tab_title_color,l=t.second_tab_color,c=t.second_tab_bg_color,r=t.second_tab_active_color,d=t.second_tab_active_bg_color,p=t.show_second_border,b=t.second_border_color,f=t.check_more_color,_=t.check_more_bg_color;return"\n .component-"+this.id+" .tab-box {\n background-color: "+n+";\n }\n .component-"+this.id+" .tab-left-list{\n background-color: "+o+";\n color: "+a+";\n }\n\n .component-"+this.id+" .tab-left-list .active{\n background-color: "+i+";\n color: "+e+";\n }\n\n .component-"+this.id+" .top-title {\n color: "+s+";\n }\n .component-"+this.id+" .tab-top-choose .line {\n background-color: "+s+";\n }\n\n .component-"+this.id+" .top-option-item {\n background-color: "+c+";\n color: "+l+";\n border: "+(p?1:0)+"px solid "+b+";\n }\n\n .component-"+this.id+" .top-option-item.active {\n background-color: "+d+";\n color: "+r+";\n }\n\n .component-"+this.id+" .check-more {\n background-color: "+_+";\n color: "+f+";\n }\n "},c={data:function(){return{emptyImage:s.a}},props:["id","datas","styles"],computed:{css:function(){return"<style>"+l.call(this)+"</style>"},className:function(){return["component-wrapper","component-"+this.id]},languages:function(){return this.$store.state.page.languages||{}}},methods:{handleDatas:function(t){var n={};return t&&e()(t).map((function(a){n[a]=t[a].value})),n},px2rem:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;return t/75+"rem"}},mounted:function(){this.$emit("loaded")}},r=function(){var t=this,n=t.$createElement,a=t._self._c||n;return a("div",{class:t.className,staticStyle:{"min-height":"667px"}},[a("div",{domProps:{innerHTML:t._s(t.css)}}),t._v(" "),t.datas.list?a("div",{staticClass:"tab-box"},[t.datas.show_first_tab?a("div",{staticClass:"tab-left-list"},t._l(t.datas.list,(function(n,o){return a("div",{staticClass:"tab-left-item",class:[0==o?"active":""]},[n.image?a("img",{staticClass:"tab-left-img",attrs:{src:n.image,alt:""}}):t._e(),t._v(" "),n.image?t._e():a("span",{staticClass:"tab-left-title",style:{textIndent:5==n.text.length?"5px":"",padding:4==n.text.length?"0 5px":""}},[t._v(t._s(n.text))])])})),0):t._e(),t._v(" "),a("div",{staticClass:"tab-content-box"},t._l(t.datas.list,(function(n){return a("div",{staticClass:"tab-content"},[t.datas.is_show_first_tab_title||t.datas.show_second_tab?a("div",{staticClass:"tab-top-choose"},[t.datas.is_show_first_tab_title?a("div",{staticClass:"top-title"},[a("span",{staticClass:"line"}),a("span",[t._v(t._s(n.text))])]):t._e(),t._v(" "),t.datas.show_second_tab?a("div",{staticClass:"top-option-list",class:[t.datas.show_first_tab?"show_first_tab":"not_show_first_tab"]},[t._l(n.second_list,(function(n,o){return a("span",{staticClass:"top-option-item",class:[0==o?"active":""]},[t._v(t._s(n.title))])})),t._v(" "),n.second_list.length>7?a("span",{staticClass:"top-option-item"},[t._v("换一换 "),a("i",{staticClass:"iconfont icon-fontclass-tequanzhekou"})]):t._e()],2):t._e()]):t._e(),t._v(" "),n.second_list[0]?a("div",{staticClass:"tab-group"},t._l(n.second_list[0].components,(function(n,o){return a("div",{key:o,staticClass:"tab-item"},[a(n.uikey,{tag:"component",attrs:{id:t.id+"-"+o,componentWidth:t.datas.show_first_tab?325:375,datas:t.handleDatas(n.datas),languages:t.languages}}),t._v(" "),"U_goods"===n.uikey?a("div",{staticClass:"check-more"},[t._v("查看更多")]):t._e()],1)})),0):t._e()])})),0)]):t._e(),t._v(" "),t.datas.list&&t.datas.list.length<=0?a("div",{staticStyle:{padding:"15px","text-align":"center"}},[t._v("\n 暂无设置选项卡\n ")]):t._e()])};r._withStripped=!0;var d=a(11);var p=function(t){a(2405)},b=Object(d.a)(c,r,[],!1,p,"data-v-512b6f70",null);b.options.__file="src\\ui-component\\U_moretabcontrol\\m\\index.vue";n.default=b.exports}}]);
|
