demo.a70df5da.js 3.2 KB

1
  1. import{c as a}from"./mobile.92d74869.js";import{k as e,z as t,A as l,r as d,o,c as s,f as i,y as n,j as r}from"./vendor.ed841bd5.js";import"./index.51f2b6ab.js";const{createDemo:u}=a("button");var p=u({props:{},setup(a){let t=e(!1);return{isLoading:t,changeLoading:()=>{t.value=!0,setTimeout((()=>{t.value=!1}),3e3)}}}});const c=n();t("data-v-19dc20d8");const f={class:"demo"},y=i("h2",null,"按钮类型",-1),m={class:"demo-button-row"},_=r("主要按钮"),b=r("信息按钮"),g=r("默认按钮"),v={class:"demo-button-row2"},h=r("危险按钮"),w=r("警告按钮"),k=r("成功按钮"),j=i("h2",null,"朴素按钮",-1),L={class:"demo-button-row2"},q=r("朴素按钮"),x=r("朴素按钮"),z=i("h2",null,"禁用状态",-1),C={class:"demo-button-row2"},A=r("禁用状态"),D=r("禁用状态"),I=r("禁用状态"),T=i("h2",null,"按钮形状",-1),B={class:"demo-button-row2"},E=r("方形按钮"),F=r("圆形按钮"),G=i("h2",null,"加载状态",-1),H={class:"demo-button-row2"},J=r("加载中..."),K=r("Click me!"),M=i("h2",null,"图标按钮",-1),N={class:"demo-button-row2"},O=r("收藏"),P=i("h2",null,"按钮尺寸",-1),Q={class:"demo-button-row2"},R=r("大号按钮"),S=r("普通按钮"),U=r("小型按钮"),V=i("h2",null,"块级元素",-1),W={class:"demo-button-row2"},X=r("块级元素"),Y=i("h2",null,"自定义颜色",-1),Z={class:"demo-button-row2"},$=r("单色按钮"),aa=r("单色按钮"),ea=r(" 渐变按钮 ");l();const ta=c(((a,e,t,l,n,r)=>{const u=d("nut-button");return o(),s("div",f,[y,i("div",m,[i(u,{type:"primary"},{default:c((()=>[_])),_:1}),i(u,{type:"info"},{default:c((()=>[b])),_:1}),i(u,{type:"default"},{default:c((()=>[g])),_:1})]),i("div",v,[i(u,{type:"danger"},{default:c((()=>[h])),_:1}),i(u,{type:"warning"},{default:c((()=>[w])),_:1}),i(u,{type:"success"},{default:c((()=>[k])),_:1})]),j,i("div",L,[i(u,{plain:"",type:"primary"},{default:c((()=>[q])),_:1}),i(u,{plain:"",type:"info"},{default:c((()=>[x])),_:1})]),z,i("div",C,[i(u,{disabled:"",type:"primary"},{default:c((()=>[A])),_:1}),i(u,{plain:"",disabled:"",type:"info"},{default:c((()=>[D])),_:1}),i(u,{plain:"",disabled:"",type:"primary"},{default:c((()=>[I])),_:1})]),T,i("div",B,[i(u,{shape:"square",type:"primary"},{default:c((()=>[E])),_:1}),i(u,{type:"info"},{default:c((()=>[F])),_:1})]),G,i("div",H,[i(u,{loading:"",type:"info"}),i(u,{loading:"",type:"warning"},{default:c((()=>[J])),_:1}),i(u,{loading:a.isLoading,type:"success",onClick:a.changeLoading},{default:c((()=>[K])),_:1},8,["loading","onClick"])]),M,i("div",N,[i(u,{shape:"square",plain:"",type:"primary",icon:"star-fill"}),i(u,{shape:"square",type:"primary",icon:"star"},{default:c((()=>[O])),_:1})]),P,i("div",Q,[i(u,{size:"large",type:"primary",style:{"margin-bottom":"10px"}},{default:c((()=>[R])),_:1}),i(u,{type:"primary"},{default:c((()=>[S])),_:1}),i(u,{size:"small",type:"primary"},{default:c((()=>[U])),_:1})]),V,i("div",W,[i(u,{block:"",type:"primary"},{default:c((()=>[X])),_:1})]),Y,i("div",Z,[i(u,{color:"#7232dd"},{default:c((()=>[$])),_:1}),i(u,{color:"#7232dd",plain:""},{default:c((()=>[aa])),_:1}),i(u,{color:"linear-gradient(to right, #ff6034, #ee0a24)"},{default:c((()=>[ea])),_:1})])])}));p.render=ta,p.__scopeId="data-v-19dc20d8";export default p;