demo.d7bf7ccd.js 1.2 KB

1
  1. var a=Object.assign;import{c as s}from"./mobile.c3875bc0.js";import{a as t,z as c,s as e,x as n,r as o,o as l,c as h,f as i,j as r,t as d,q as u}from"./vendor.91b30fe3.js";import"./index.00b2b72d.js";const{createDemo:w}=s("switch");var g=w({props:{},setup(){const s=t({text:"开"});return a(a({},c(s)),{switchChange:(a,t)=>{s.text=t?"开":"关"},change:(a,s)=>{console.log("触发了change事件,开关状态:",s)}})}});const f=u("data-v-0aa74e57");e("data-v-0aa74e57");const j={class:"demo"},m=i("h2",null,"基础用法",-1),p=i("h2",null,"change事件",-1),v=r(" chane "),b=i("h2",null,"自定义颜色",-1),C=r(" color ");n();const x=f(((a,s,t,c,e,n)=>{const u=o("nut-switch"),w=o("nut-cell");return l(),h("div",j,[m,i(w,{class:"switch-adjust"},{default:f((()=>[r(d(a.text)+" ",1),i(u,{onSwitchChange:a.switchChange,class:"switch-decoration"},null,8,["onSwitchChange"])])),_:1}),p,i(w,{class:"switch-adjust"},{default:f((()=>[v,i(u,{onSwitchChange:a.change,class:"switch-decoration"},null,8,["onSwitchChange"])])),_:1}),b,i(w,{class:"switch-adjust"},{default:f((()=>[C,i(u,{activeColor:"blue",class:"switch-decoration"})])),_:1})])}));g.render=x,g.__scopeId="data-v-0aa74e57";export default g;