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