38.js 5.9 KB

1
  1. (window.webpackJsonp=window.webpackJsonp||[]).push([[38],{1729:function(t,s,e){t.exports=e.p+"52d2c4a932baed69811d4a62ece79b14.png"},2433:function(t,s,e){var n=e(2434);"string"==typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);(0,e(19).default)("69aece29",n,!1,{})},2434:function(t,s,e){(t.exports=e(16)(!1)).push([t.i,"\n.component-wrapper[data-v-d2d52e0e] {\n width: 375px;\n}\n.fixed-box[data-v-d2d52e0e] {\n width: 375px;\n position: fixed;\n /*top: 114px;*/\n z-index: 2;\n}\n.fixed-box .btn[data-v-d2d52e0e] {\n width: 50px;\n border-radius: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n font-size: 13px;\n margin-bottom: 10px;\n}\n.fixed-box .btn img[data-v-d2d52e0e] {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n}\n.fixed-box2[data-v-d2d52e0e] {\n width: 375px;\n /*top: 114px;*/\n z-index: 2;\n position: fixed;\n}\n.fixed-box2 .imgs[data-v-d2d52e0e] {\n width: 60px;\n height: 60px;\n border-radius: 50%;\n z-index: 2;\n position: relative;\n}\n.fixed-box2 .btn[data-v-d2d52e0e] {\n width: 50px;\n border-radius: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n flex-direction: column;\n font-size: 13px;\n}\n.fixed-box2 .btn img[data-v-d2d52e0e] {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n}\n.btn-name[data-v-d2d52e0e] {\n margin: 0;\n width: 50px;\n font-size: 10px;\n line-height: 14px;\n text-align: center;\n overflow: hidden;\n /*超出部分隐藏*/\n text-overflow: ellipsis;\n /* 超出部分显示省略号 */\n white-space: nowrap;\n /*规定段落中的文本不进行换行 */\n}\n",""])},2497:function(t,s,e){"use strict";e.r(s);var n=e(39),a=e.n(n),i=e(1729),o=e.n(i),d={props:["id","datas","styles"],data:function(){return{emptyImage:a.a,openImage:o.a}},computed:{button_style:function(){var t=this.datas,s=t.button_size;return"\n width: "+s+"px;\n height: "+s+"px;\n margin-left: "+("left"==t.position_location?"10":365-s)+"px;\n "},btn_1_style:function(){return"\n\t\t\t\t left: "+("left"==this.datas.position_location?"10":315)+"px;\n "},btn_2_style:function(){var t=this.datas;return"\n\t\t\t\t top: "+(20+t.button_size)+"px;\n\t\t\t\t left: "+("left"==t.position_location?"10":315)+"px;\n "},btn_3_style:function(){var t=this.datas,s=t.button_size;return"\n\t\t\t\t top: "+(15-s)+"px;\n\t\t\t\t left: "+("left"==t.position_location?20+s:310-s)+"px;\n "},btn_4_style:function(){var t=this.datas,s=t.button_size;return"\n\t\t\t\t top: "+(s-15)+"px;\n\t\t\t\t left: "+("left"==t.position_location?20+s:310-s)+"px;\n "},className:function(){return["component-wrapper","component-"+this.id]}},methods:{}},l=function(){var t,s,e,n=this,a=n.$createElement,i=n._self._c||a;return i("div",{class:n.className},[i("div",{staticStyle:{height:"30px","line-height":"30px","text-align":"center"}},[n._v("\n 悬浮按钮组件占位区域\n ")]),n._v(" "),n.datas.list&&1==n.datas.list.choose_style?[i("div",{staticClass:"fixed-box",style:(t={width:n.datas.button_size+"px","margin-left":"left"==n.datas.position_location?"10":365-n.datas.button_size+"px"},t[3==n.fun.getKey("page_sort")?"bottom":"top"]=3==n.fun.getKey("page_sort")?n.datas.over_bottom+155+n.datas.button_size+"px":n.datas.over_top+114+"px",t)},n._l(n.datas.list.list,(function(t,s){return i("div",{key:s,staticClass:"btn",style:{"margin-bottom":n.datas.list.button_padding+"px"}},[i("img",{style:{width:n.datas.button_size+"px",height:n.datas.button_size+"px"},attrs:{src:t.image||n.emptyImage}}),n._v(" "),i("p",{staticClass:"btn-name"},[n._v(n._s(t.text))])])})),0)]:n._e(),n._v(" "),n.datas.list&&2==n.datas.list.choose_style?[1==n.datas.list.show_style?i("div",{staticClass:"fixed-box2",style:(s={},s[3==n.fun.getKey("page_sort")?"bottom":"top"]=3==n.fun.getKey("page_sort")?n.datas.over_bottom+155+"px":n.datas.over_top+114+"px",s)},[i("img",{staticClass:"imgs",style:n.button_style,attrs:{src:n.datas.list.unfold_button||n.openImage}}),n._v(" "),n._l(n.datas.list.list,(function(t,s){return i("div",{key:s,staticClass:"btn",style:{top:-70*(s+1)+"px",left:("left"==n.datas.position_location?(n.datas.button_size-50)/2+10:315-(n.datas.button_size-50)/2)+"px"}},[i("img",{attrs:{src:t.image||n.emptyImage}}),n._v(" "),i("p",{staticClass:"btn-name"},[n._v(n._s(t.text))])])}))],2):n._e(),n._v(" "),2==n.datas.list.show_style?i("div",{staticClass:"fixed-box2",style:(e={},e[3==n.fun.getKey("page_sort")?"bottom":"top"]=3==n.fun.getKey("page_sort")?n.datas.over_bottom+155+"px":n.datas.over_top+114+"px",e)},[i("img",{staticClass:"imgs",style:n.button_style,attrs:{src:n.datas.list.unfold_button||n.openImage}}),n._v(" "),n.datas.list.list[0]?i("div",{staticClass:"btn",staticStyle:{top:"-70px"},style:n.btn_1_style},[i("img",{attrs:{src:n.datas.list.list[0].image||n.emptyImage}}),n._v(" "),i("p",{staticClass:"btn-name"},[n._v(n._s(n.datas.list.list[0].text))])]):n._e(),n._v(" "),n.datas.list.list[1]?i("div",{staticClass:"btn",style:n.btn_3_style},[i("img",{attrs:{src:n.datas.list.list[1].image||n.emptyImage}}),n._v(" "),i("p",{staticClass:"btn-name"},[n._v(n._s(n.datas.list.list[1].text))])]):n._e(),n._v(" "),n.datas.list.list[2]?i("div",{staticClass:"btn",style:n.btn_4_style},[i("img",{attrs:{src:n.datas.list.list[2].image||n.emptyImage}}),n._v(" "),i("p",{staticClass:"btn-name"},[n._v(n._s(n.datas.list.list[2].text))])]):n._e(),n._v(" "),n.datas.list.list[3]?i("div",{staticClass:"btn",staticStyle:{top:"70px"},style:n.btn_2_style},[i("img",{attrs:{src:n.datas.list.list[3].image||n.emptyImage}}),n._v(" "),i("p",{staticClass:"btn-name"},[n._v(n._s(n.datas.list.list[3].text))])]):n._e()]):n._e()]:n._e()],2)};l._withStripped=!0;var p=e(11);var r=function(t){e(2433)},_=Object(p.a)(d,l,[],!1,r,"data-v-d2d52e0e",null);_.options.__file="src\\ui-component\\U_suspendbutton\\m\\index.vue";s.default=_.exports}}]);