cione-comp-lib/lib/packages/co-custom-tabbar/index2.js

`$ yarn add cione-comp-lib` 或者 `$ npm i cione-comp-lib -S`

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var e=require("vue");require("./index.vue_vue_type_style_index_0_scoped_true_lang.js");var t=require("../../_virtual/plugin-vue_export-helper.js");const a=e.defineComponent({name:"CoCustomTabbar",props:{dataTabs:{type:Array},fontFamily:{type:String},tabStyle:{type:Object},contentStyle:{type:Object},dataKey:{type:String}},setup(t,{emit:a}){const l=e.ref(0);return{activeIndex:l,onTabBar:e=>{l.value=e},...e.toRefs(t)}}}),l={class:"co-custom-tabbar"},n={class:"tab"},o=["onClick"],r={class:"tab_con"},c=["innerHTML"];var i=t.default(a,[["render",function(t,a,i,s,d,u){return e.openBlock(),e.createElementBlock("section",l,[e.createElementVNode("div",n,[e.createElementVNode("div",{class:"tab_list",style:e.normalizeStyle({backgroundColor:t.tabStyle.bgColor,fontFamily:t.fontFamily,fontSize:t.tabStyle.fontSize+"px",color:t.tabStyle.fontColor})},[e.createElementVNode("ul",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.dataTabs,((a,l)=>(e.openBlock(),e.createElementBlock("li",{style:e.normalizeStyle({background:t.activeIndex===l?t.tabStyle.activeColor:"rgba(63, 91, 140, 0.76)"}),onClick:e=>t.onTabBar(l)},e.toDisplayString(a.text),13,o)))),256))])],4),e.createElementVNode("div",r,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.dataTabs,((a,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["item",t.activeIndex===l?"active_item":""])},[e.createElementVNode("div",{class:"item_con",innerHTML:a.content},null,8,c)],2)))),256))])])])}],["__scopeId","data-v-c937d17a"]]);exports.default=i;