vue-ui-wl/dist/static/js/tabbar.9cd7a695e96123702002.js

vue component

webpackJsonp([2],{105:function(t,e){},123:function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{tabbar:{type:Array,default:function(){return[]}},tabColor:{type:String,default:"green"},callback:{type:Function,default:function(){return function(){}}},bottomHeight:{type:[Number,String],default:1}},data:function(){return{selIdx:0,itmW:100/this.tabbar.length+"%"}},created:function(){var t=document.getElementById("tabbar").offsetWidth;this.itmW=t/this.tabbar.length},methods:{selectItem:function(t){this.selIdx=t,this.callback(t)}}}},137:function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=a(40),r=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default={components:{Tabbar:r.default},data:function(){return{tabbar:["民宿","餐饮","农业","其它"],tabColor:"green",selIdx:0,tabbar1:["民宿","餐饮"],tabColor1:"#ff5000",selIdx1:0}},methods:{callback:function(t){this.selIdx=t,console.log("您选择了"+t)},callback1:function(t){this.selIdx1=t,console.log("您选择了"+t)}}}},151:function(t,e,a){t.exports=a(25)},2:function(t,e,a){a(4);var n=a(0)(a(6),a(3),"data-v-12f6e127",null);t.exports=n.exports},25:function(t,e,a){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}var r=a(1),o=n(r),l=a(54),s=n(l),c=a(5),u=n(c);o.default.config.productionTip=!1,new o.default({el:"#tabbar",router:u.default,template:"<Tabbar/>",components:{Tabbar:s.default}})},3:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("div")},staticRenderFns:[]}},4:function(t,e){},40:function(t,e,a){a(105);var n=a(0)(a(123),a(76),"data-v-9d06f64e",null);t.exports=n.exports},5:function(t,e,a){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=a(1),o=n(r),l=a(7),s=n(l),c=a(2),u=n(c);o.default.use(s.default),e.default=new s.default({routes:[{path:"/",name:"Index",component:u.default}]})},54:function(t,e,a){a(87);var n=a(0)(a(137),a(58),"data-v-04b4dcd7",null);t.exports=n.exports},58:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"content"},[a("tabbar",{attrs:{tabbar:t.tabbar,"tab-color":t.tabColor,callback:t.callback}}),t._v(" "),a("ul",t._l(t.tabbar,function(e,n){return a("li",{directives:[{name:"show",rawName:"v-show",value:n===t.selIdx,expression:"index===selIdx"}]},[t._v(t._s(n)+t._s(e))])})),t._v(" "),a("tabbar",{attrs:{tabbar:t.tabbar1,"bottom-height":"2","tab-color":t.tabColor1,callback:t.callback1}}),t._v(" "),a("ul",t._l(t.tabbar1,function(e,n){return a("li",{directives:[{name:"show",rawName:"v-show",value:n===t.selIdx1,expression:"index===selIdx1"}]},[t._v(t._s(n)+t._s(e))])}))],1)},staticRenderFns:[]}},6:function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={}},76:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"tabbar",attrs:{id:"tabbar"}},[t._l(t.tabbar,function(e,n){return a("div",{staticClass:"tabbar-item",class:n===t.selIdx?"selected":"",style:{color:n===t.selIdx?t.tabColor:"","border-bottom":n===t.selIdx?t.bottomHeight+"px solid":""},on:{click:function(e){t.selectItem(n)}}},[t._v(t._s(e))])}),t._v(" "),a("div",{staticClass:"tarbar-bottom",style:{width:t.itmW+"px",height:t.bottomHeight+"px","background-color":t.tabColor,left:t.selIdx*t.itmW+"px"}})],2)},staticRenderFns:[]}},87:function(t,e){}},[151]);
//# sourceMappingURL=tabbar.9cd7a695e96123702002.js.map