"use strict";(self["webpackChunklin_cms_vue"]=self["webpackChunklin_cms_vue"]||[]).push([[6307],{76307:function(e,l,a){a.r(l),a.d(l,{default:function(){return F}});var t=a(20641),n=a(90033);const u=e=>((0,t.Qi)("data-v-521f2228"),e=e(),(0,t.jt)(),e),o={class:"lin-container"},i=u((()=>(0,t.Lk)("div",{class:"lin-title"},"Switch 开关",-1))),c={class:"lin-wrap-ui"},v=u((()=>(0,t.Lk)("div",{slot:"header"},[(0,t.Lk)("span",null,"基础用法")],-1))),d={style:{"white-space":"pre-wrap"}},s=u((()=>(0,t.Lk)("div",{slot:"header"},[(0,t.Lk)("span",null,"文字描述")],-1))),r={style:{"white-space":"pre-wrap"}},m=u((()=>(0,t.Lk)("div",{slot:"header"},[(0,t.Lk)("span",null,"扩展的 value 类型")],-1))),p={style:{"white-space":"pre-wrap"}},b=u((()=>(0,t.Lk)("div",{slot:"header"},[(0,t.Lk)("span",null,"禁用")],-1))),k={style:{"white-space":"pre-wrap"}};function h(e,l,a,u,h,w){const f=(0,t.g2)("el-switch"),_=(0,t.g2)("el-row"),F=(0,t.g2)("el-collapse-item"),V=(0,t.g2)("el-collapse"),g=(0,t.g2)("el-card"),x=(0,t.g2)("el-tooltip");return(0,t.uX)(),(0,t.CE)("div",o,[i,(0,t.Lk)("div",c,[(0,t.bF)(g,{style:{"margin-bottom":"50px"}},{default:(0,t.k6)((()=>[v,(0,t.bF)(_,null,{default:(0,t.k6)((()=>[(0,t.bF)(f,{modelValue:h.value2,"onUpdate:modelValue":l[0]||(l[0]=e=>h.value2=e),"active-color":"#3963bc",style:{"margin-right":"20px"}},null,8,["modelValue"]),(0,t.bF)(f,{modelValue:h.value1,"onUpdate:modelValue":l[1]||(l[1]=e=>h.value1=e),"active-color":"#00C292","inactive-color":"#E46A76"},null,8,["modelValue"])])),_:1}),(0,t.bF)(V,null,{default:(0,t.k6)((()=>[(0,t.bF)(F,{title:"查看代码",name:"2"},{default:(0,t.k6)((()=>[(0,t.Lk)("div",d,(0,n.v_)(h.base),1)])),_:1})])),_:1})])),_:1}),(0,t.bF)(g,{style:{"margin-bottom":"50px"}},{default:(0,t.k6)((()=>[s,(0,t.bF)(_,null,{default:(0,t.k6)((()=>[(0,t.bF)(f,{modelValue:h.value3,"onUpdate:modelValue":l[2]||(l[2]=e=>h.value3=e),"active-color":"#00C292","inactive-color":"#E46A76","active-text":"按月付费","inactive-text":"按年付费"},null,8,["modelValue"])])),_:1}),(0,t.bF)(V,null,{default:(0,t.k6)((()=>[(0,t.bF)(F,{title:"查看代码",name:"2"},{default:(0,t.k6)((()=>[(0,t.Lk)("div",r,(0,n.v_)(h.withText),1)])),_:1})])),_:1})])),_:1}),(0,t.bF)(g,{style:{"margin-bottom":"50px"}},{default:(0,t.k6)((()=>[m,(0,t.bF)(_,null,{default:(0,t.k6)((()=>[(0,t.bF)(x,{content:"Switch value: "+h.value4,placement:"top"},{default:(0,t.k6)((()=>[(0,t.bF)(f,{modelValue:h.value5,"onUpdate:modelValue":l[3]||(l[3]=e=>h.value5=e),"active-color":"#00C292","inactive-color":"#E46A76","active-value":"100","inactive-value":"0"},null,8,["modelValue"])])),_:1},8,["content"])])),_:1}),(0,t.bF)(V,null,{default:(0,t.k6)((()=>[(0,t.bF)(F,{title:"查看代码",name:"2"},{default:(0,t.k6)((()=>[(0,t.Lk)("div",p,(0,n.v_)(h.extendValue),1)])),_:1})])),_:1})])),_:1}),(0,t.bF)(g,{style:{"margin-bottom":"50px"}},{default:(0,t.k6)((()=>[b,(0,t.bF)(_,null,{default:(0,t.k6)((()=>[(0,t.bF)(f,{modelValue:h.value6,"onUpdate:modelValue":l[4]||(l[4]=e=>h.value6=e),"active-color":"#3963bc",disabled:"",style:{"margin-right":"20px"}},null,8,["modelValue"]),(0,t.bF)(f,{modelValue:h.value7,"onUpdate:modelValue":l[5]||(l[5]=e=>h.value7=e),"active-color":"#3963bc",disabled:""},null,8,["modelValue"])])),_:1}),(0,t.bF)(V,null,{default:(0,t.k6)((()=>[(0,t.bF)(F,{title:"查看代码",name:"2"},{default:(0,t.k6)((()=>[(0,t.Lk)("div",k,(0,n.v_)(h.forbidden),1)])),_:1})])),_:1})])),_:1})])])}var w={data(){return{value1:!0,value2:!0,value3:!0,value4:100,value5:!0,value6:!0,value7:!1,base:' \n <el-switch v-model="value2" active-color="#3963bc">\n </el-switch>\n <el-switch v-model="value1" active-color="#00C292" inactive-color="#E46A76">\n </el-switch>',withText:'\n <el-switch\n v-model="value3"\n active-color="#00C292"\n inactive-color="#E46A76"\n active-text="按月付费"\n inactive-text="按年付费">\n </el-switch>',extendValue:'\n <el-tooltip :content="\'Switch value: \' + value4" placement="top">\n <el-switch\n v-model="value5"\n active-color="#00C292"\n inactive-color="#E46A76"\n active-value="100"\n inactive-value="0">\n </el-switch>\n </el-tooltip>',forbidden:'\n <el-switch v-model="value6" active-color="#3963bc" disabled>\n </el-switch>'}},components:{}},f=a(66262);const _=(0,f.A)(w,[["render",h],["__scopeId","data-v-521f2228"]]);var F=_}}]);
|
