"use strict";(self["webpackChunklin_cms_vue"]=self["webpackChunklin_cms_vue"]||[]).push([[8992],{98992:function(e,t,n){n.r(t),n.d(t,{default:function(){return L}});var a=n(20641),l=n(90033),u=function(e){return(0,a.Qi)("data-v-efadb988"),e=e(),(0,a.jt)(),e},r={class:"lin-container"},b=u((function(){return(0,a.Lk)("div",{class:"lin-title"},"Tabs 标签页",-1)})),o={class:"lin-wrap-ui"},i=u((function(){return(0,a.Lk)("div",{slot:"header"},[(0,a.Lk)("span",null,"基础用法")],-1)})),d={style:{"white-space":"pre-wrap"}},f=u((function(){return(0,a.Lk)("div",{slot:"header"},[(0,a.Lk)("span",null,"选项卡样式")],-1)})),c={style:{"white-space":"pre-wrap"}},p=u((function(){return(0,a.Lk)("div",{slot:"header"},[(0,a.Lk)("span",null,"卡片化")],-1)})),s={style:{"white-space":"pre-wrap"}},k=u((function(){return(0,a.Lk)("div",{slot:"header"},[(0,a.Lk)("span",null,"位置")],-1)})),m={style:{"white-space":"pre-wrap"}},_=u((function(){return(0,a.Lk)("div",{slot:"header"},[(0,a.Lk)("span",null,"自定义")],-1)})),F=u((function(){return(0,a.Lk)("span",{slot:"label"},[(0,a.Lk)("i",{class:"el-icon-date"}),(0,a.eW)(" 我的行程 ")],-1)})),v={style:{"white-space":"pre-wrap"}};function h(e,t,n,u,h,g){var W=(0,a.g2)("el-tab-pane"),y=(0,a.g2)("el-tabs"),L=(0,a.g2)("el-row"),w=(0,a.g2)("el-collapse-item"),C=(0,a.g2)("el-collapse"),x=(0,a.g2)("el-card"),V=(0,a.g2)("el-radio-button"),N=(0,a.g2)("el-radio-group");return(0,a.uX)(),(0,a.CE)("div",r,[b,(0,a.Lk)("div",o,[(0,a.bF)(x,{style:{"margin-bottom":"50px"}},{default:(0,a.k6)((function(){return[i,(0,a.bF)(L,null,{default:(0,a.k6)((function(){return[(0,a.bF)(y,{modelValue:h.activeName,"onUpdate:modelValue":t[0]||(t[0]=function(e){return h.activeName=e}),onTabClick:g.handleClick},{default:(0,a.k6)((function(){return[(0,a.bF)(W,{label:"用户管理",name:"first"},{default:(0,a.k6)((function(){return[(0,a.eW)("用户管理")]})),_:1}),(0,a.bF)(W,{label:"配置管理",name:"second"},{default:(0,a.k6)((function(){return[(0,a.eW)("配置管理")]})),_:1}),(0,a.bF)(W,{label:"角色管理",name:"third"},{default:(0,a.k6)((function(){return[(0,a.eW)("角色管理")]})),_:1}),(0,a.bF)(W,{label:"定时任务补偿",name:"fourth"},{default:(0,a.k6)((function(){return[(0,a.eW)("定时任务补偿")]})),_:1})]})),_:1},8,["modelValue","onTabClick"])]})),_:1}),(0,a.bF)(C,null,{default:(0,a.k6)((function(){return[(0,a.bF)(w,{title:"查看代码",name:"2"},{default:(0,a.k6)((function(){return[(0,a.Lk)("div",d,(0,l.v_)(h.base),1)]})),_:1})]})),_:1})]})),_:1}),(0,a.bF)(x,{style:{"margin-bottom":"50px"}},{default:(0,a.k6)((function(){return[f,(0,a.bF)(L,null,{default:(0,a.k6)((function(){return[(0,a.bF)(y,{modelValue:h.activeName,"onUpdate:modelValue":t[1]||(t[1]=function(e){return h.activeName=e}),type:"card",onTabClick:g.handleClick},{default:(0,a.k6)((function(){return[(0,a.bF)(W,{label:"用户管理",name:"first"},{default:(0,a.k6)((function(){return[(0,a.eW)("用户管理")]})),_:1}),(0,a.bF)(W,{label:"配置管理",name:"second"},{default:(0,a.k6)((function(){return[(0,a.eW)("配置管理")]})),_:1}),(0,a.bF)(W,{label:"角色管理",name:"third"},{default:(0,a.k6)((function(){return[(0,a.eW)("角色管理")]})),_:1}),(0,a.bF)(W,{label:"定时任务补偿",name:"fourth"},{default:(0,a.k6)((function(){return[(0,a.eW)("定时任务补偿")]})),_:1})]})),_:1},8,["modelValue","onTabClick"])]})),_:1}),(0,a.bF)(C,null,{default:(0,a.k6)((function(){return[(0,a.bF)(w,{title:"查看代码",name:"2"},{default:(0,a.k6)((function(){return[(0,a.Lk)("div",c,(0,l.v_)(h.tabs),1)]})),_:1})]})),_:1})]})),_:1}),(0,a.bF)(x,{style:{"margin-bottom":"50px"}},{default:(0,a.k6)((function(){return[p,(0,a.bF)(L,null,{default:(0,a.k6)((function(){return[(0,a.bF)(y,{type:"border-card"},{default:(0,a.k6)((function(){return[(0,a.bF)(W,{label:"用户管理"},{default:(0,a.k6)((function(){return[(0,a.eW)("用户管理")]})),_:1}),(0,a.bF)(W,{label:"配置管理"},{default:(0,a.k6)((function(){return[(0,a.eW)("配置管理")]})),_:1}),(0,a.bF)(W,{label:"角色管理"},{default:(0,a.k6)((function(){return[(0,a.eW)("角色管理")]})),_:1}),(0,a.bF)(W,{label:"定时任务补偿"},{default:(0,a.k6)((function(){return[(0,a.eW)("定时任务补偿")]})),_:1})]})),_:1})]})),_:1}),(0,a.bF)(C,null,{default:(0,a.k6)((function(){return[(0,a.bF)(w,{title:"查看代码",name:"2"},{default:(0,a.k6)((function(){return[(0,a.Lk)("div",s,(0,l.v_)(h.card),1)]})),_:1})]})),_:1})]})),_:1}),(0,a.bF)(x,{style:{"margin-bottom":"50px"}},{default:(0,a.k6)((function(){return[k,(0,a.bF)(N,{modelValue:h.tabPosition,"onUpdate:modelValue":t[2]||(t[2]=function(e){return h.tabPosition=e}),style:{"margin-bottom":"30px"}},{default:(0,a.k6)((function(){return[(0,a.bF)(V,{label:"top"},{default:(0,a.k6)((function(){return[(0,a.eW)("top")]})),_:1}),(0,a.bF)(V,{label:"right"},{default:(0,a.k6)((function(){return[(0,a.eW)("right")]})),_:1}),(0,a.bF)(V,{label:"bottom"},{default:(0,a.k6)((function(){return[(0,a.eW)("bottom")]})),_:1}),(0,a.bF)(V,{label:"left"},{default:(0,a.k6)((function(){return[(0,a.eW)("left")]})),_:1})]})),_:1},8,["modelValue"]),(0,a.bF)(y,{"tab-position":h.tabPosition,style:{height:"200px"}},{default:(0,a.k6)((function(){return[(0,a.bF)(W,{label:"用户管理"},{default:(0,a.k6)((function(){return[(0,a.eW)("用户管理")]})),_:1}),(0,a.bF)(W,{label:"配置管理"},{default:(0,a.k6)((function(){return[(0,a.eW)("配置管理")]})),_:1}),(0,a.bF)(W,{label:"角色管理"},{default:(0,a.k6)((function(){return[(0,a.eW)("角色管理")]})),_:1}),(0,a.bF)(W,{label:"定时任务补偿"},{default:(0,a.k6)((function(){return[(0,a.eW)("定时任务补偿")]})),_:1})]})),_:1},8,["tab-position"]),(0,a.bF)(C,null,{default:(0,a.k6)((function(){return[(0,a.bF)(w,{title:"查看代码",name:"2"},{default:(0,a.k6)((function(){return[(0,a.Lk)("div",m,(0,l.v_)(h.position),1)]})),_:1})]})),_:1})]})),_:1}),(0,a.bF)(x,{style:{"margin-bottom":"50px"}},{default:(0,a.k6)((function(){return[_,(0,a.bF)(y,{type:"border-card"},{default:(0,a.k6)((function(){return[(0,a.bF)(W,null,{default:(0,a.k6)((function(){return[F,(0,a.eW)(" 我的行程 ")]})),_:1}),(0,a.bF)(W,{label:"消息中心"},{default:(0,a.k6)((function(){return[(0,a.eW)("消息中心")]})),_:1}),(0,a.bF)(W,{label:"角色管理"},{default:(0,a.k6)((function(){return[(0,a.eW)("角色管理")]})),_:1}),(0,a.bF)(W,{label:"定时任务补偿"},{default:(0,a.k6)((function(){return[(0,a.eW)("定时任务补偿")]})),_:1})]})),_:1}),(0,a.bF)(C,null,{default:(0,a.k6)((function(){return[(0,a.bF)(w,{title:"查看代码",name:"2"},{default:(0,a.k6)((function(){return[(0,a.Lk)("div",v,(0,l.v_)(h.define),1)]})),_:1})]})),_:1})]})),_:1})])])}var g={data:function(){return{activeName:"second",tabPosition:"left",base:'     \n          <el-tabs v-model="activeName" @tab-click="handleClick">\n            <el-tab-pane label="用户管理" name="first">用户管理</el-tab-pane>\n            <el-tab-pane label="配置管理" name="second">配置管理</el-tab-pane>\n            <el-tab-pane label="角色管理" name="third">角色管理</el-tab-pane>\n            <el-tab-pane label="定时任务补偿" name="fourth">定时任务补偿</el-tab-pane>\n          </el-tabs>',tabs:'\n           <el-tabs v-model="activeName" type="card" @tab-click="handleClick">\n            <el-tab-pane label="用户管理" name="first">用户管理</el-tab-pane>\n            <el-tab-pane label="配置管理" name="second">配置管理</el-tab-pane>\n            <el-tab-pane label="角色管理" name="third">角色管理</el-tab-pane>\n            <el-tab-pane label="定时任务补偿" name="fourth">定时任务补偿</el-tab-pane>\n          </el-tabs>',card:'\n          <el-tabs type="border-card">\n            <el-tab-pane label="用户管理">用户管理</el-tab-pane>\n            <el-tab-pane label="配置管理">配置管理</el-tab-pane>\n            <el-tab-pane label="角色管理">角色管理</el-tab-pane>\n            <el-tab-pane label="定时任务补偿">定时任务补偿</el-tab-pane>\n          </el-tabs>',position:'\n          <el-radio-group v-model="tabPosition" style="margin-bottom: 30px;">\n            <el-radio-button label="top">top</el-radio-button>\n            <el-radio-button label="right">right</el-radio-button>\n            <el-radio-button label="bottom">bottom</el-radio-button>\n            <el-radio-button label="left">left</el-radio-button>\n          </el-radio-group>\n\n          <el-tabs :tab-position="tabPosition" style="height: 200px;">\n            <el-tab-pane label="用户管理">用户管理</el-tab-pane>\n            <el-tab-pane label="配置管理">配置管理</el-tab-pane>\n            <el-tab-pane label="角色管理">角色管理</el-tab-pane>\n            <el-tab-pane label="定时任务补偿">定时任务补偿</el-tab-pane>\n          </el-tabs>',define:'\n          <el-tabs type="border-card">\n            <el-tab-pane>\n              <span slot="label"><i class="el-icon-date"></i> 我的行程</span>\n              我的行程\n            </el-tab-pane>\n            <el-tab-pane label="消息中心">消息中心</el-tab-pane>\n            <el-tab-pane label="角色管理">角色管理</el-tab-pane>\n            <el-tab-pane label="定时任务补偿">定时任务补偿</el-tab-pane>\n          </el-tabs>\n      '}},components:{},methods:{handleClick:function(e,t){console.log(e,t)}}},W=n(66262);const y=(0,W.A)(g,[["render",h],["__scopeId","data-v-efadb988"]]);var L=y}}]);
//# sourceMappingURL=8992-legacy.ed04cf3b.js.map