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