| 1 |
- import{_ as i,b as n,d as t,p as a,w as s,i as e,o as l,f as u,k as d,C as r,R as p}from"./index-2PZN6pGH.js";import{_ as b}from"./uni-card.CpdfOoXJ.js";import{_ as f}from"./uni-section.BISPxi99.js";const c=i({data:()=>({}),onLoad(){},methods:{}},[["render",function(i,c,m,_,y,o){const z=r,w=n(t("uni-card"),b),g=p,h=e,v=n(t("uni-section"),f);return l(),a(h,{class:"container"},{default:s((()=>[u(w,{"is-shadow":!1,"is-full":""},{default:s((()=>[u(z,{class:"uni-h6"},{default:s((()=>[d("使用 '.uni-btn' 样式，可对内置button组件设置样式")])),_:1})])),_:1}),u(v,{title:"按钮形状","sub-title":"添加类名 .uni-btn-radius 可以使用圆角按钮",type:"line"},{default:s((()=>[u(h,{class:"uni-ma-5 uni-pb-5"},{default:s((()=>[u(g,{class:"uni-btn"},{default:s((()=>[d("默认按钮")])),_:1}),u(g,{class:"uni-btn uni-btn-radius","hover-class":"hover-class"},{default:s((()=>[d("圆角")])),_:1})])),_:1})])),_:1}),u(v,{title:"按钮形状(size=mini)","sub-title":"添加类名 .uni-btn-radius 可以使用圆角按钮",type:"line"},{default:s((()=>[u(h,{class:"uni-ma-5 uni-pb-5"},{default:s((()=>[u(g,{class:"uni-btn",size:"mini"},{default:s((()=>[d("默认按钮")])),_:1}),u(g,{class:"uni-btn uni-btn-radius",size:"mini"},{default:s((()=>[d("圆角")])),_:1})])),_:1})])),_:1}),u(v,{title:"普通按钮","sub-title":"指定不同的 type 属性 ,展示不同类型按钮",type:"line"},{default:s((()=>[u(h,{class:"uni-ma-5 uni-pb-5"},{default:s((()=>[u(g,{class:"uni-btn",type:"default"},{default:s((()=>[d("default")])),_:1}),u(g,{class:"uni-btn",type:"primary"},{default:s((()=>[d("primary")])),_:1}),u(g,{class:"uni-btn",type:"success"},{default:s((()=>[d("success")])),_:1}),u(g,{class:"uni-btn",type:"warning"},{default:s((()=>[d("warning")])),_:1}),u(g,{class:"uni-btn",type:"error"},{default:s((()=>[d("error")])),_:1}),u(g,{class:"uni-btn",type:"info"},{default:s((()=>[d("info")])),_:1})])),_:1})])),_:1}),u(v,{title:"普通按钮(size=mini)","sub-title":"指定不同的 type 属性 ,展示不同类型按钮",type:"line"},{default:s((()=>[u(h,{class:"uni-ma-5 uni-pb-5"},{default:s((()=>[u(g,{class:"uni-btn",size:"mini"},{default:s((()=>[d("default")])),_:1}),u(g,{class:"uni-btn",type:"primary",size:"mini"},{default:s((()=>[d("primary")])),_:1}),u(g,{class:"uni-btn",type:"success",size:"mini"},{default:s((()=>[d("success")])),_:1}),u(g,{class:"uni-btn",type:"warning",size:"mini"},{default:s((()=>[d("warning")])),_:1}),u(g,{class:"uni-btn",type:"error",size:"mini"},{default:s((()=>[d("error")])),_:1}),u(g,{class:"uni-btn",type:"info",size:"mini"},{default:s((()=>[d("info")])),_:1})])),_:1})])),_:1}),u(v,{title:"镂空按钮","sub-title":"添加类名 .uni-btn-plain 使用镂空按钮",type:"line"},{default:s((()=>[u(h,{class:"uni-ma-5 uni-pb-5"},{default:s((()=>[u(g,{class:"uni-btn",plain:""},{default:s((()=>[d("default")])),_:1}),u(g,{class:"uni-btn",plain:"",type:"primary"},{default:s((()=>[d("primary")])),_:1}),u(g,{class:"uni-btn",plain:"",type:"success"},{default:s((()=>[d("success")])),_:1}),u(g,{class:"uni-btn",plain:"",type:"warning"},{default:s((()=>[d("warning")])),_:1}),u(g,{class:"uni-btn",plain:"",type:"error"},{default:s((()=>[d("error")])),_:1}),u(g,{class:"uni-btn",plain:"",type:"info"},{default:s((()=>[d("info")])),_:1})])),_:1})])),_:1}),u(v,{title:"镂空按钮(size=mini)","sub-title":"添加类名 .uni-btn-plain 使用镂空按钮",type:"line"},{default:s((()=>[u(h,{class:"uni-ma-5 uni-pb-5"},{default:s((()=>[u(g,{class:"uni-btn",plain:"",size:"mini"},{default:s((()=>[d("default")])),_:1}),u(g,{class:"uni-btn",plain:"",type:"primary",size:"mini"},{default:s((()=>[d("primary")])),_:1}),u(g,{class:"uni-btn",plain:"",type:"success",size:"mini"},{default:s((()=>[d("success")])),_:1}),u(g,{class:"uni-btn",plain:"",type:"warning",size:"mini"},{default:s((()=>[d("warning")])),_:1}),u(g,{class:"uni-btn",plain:"",type:"error",size:"mini"},{default:s((()=>[d("error")])),_:1}),u(g,{class:"uni-btn",plain:"",type:"info",size:"mini"},{default:s((()=>[d("info")])),_:1})])),_:1})])),_:1}),u(v,{title:"禁用","sub-title":"使用 disabled 属性 ,展示禁用按钮",type:"line"},{default:s((()=>[u(h,{class:"uni-ma-5 uni-pb-5"},{default:s((()=>[u(g,{class:"uni-btn",type:"primary",disabled:""},{default:s((()=>[d("primary")])),_:1}),u(g,{class:"uni-btn",plain:"",type:"primary",disabled:""},{default:s((()=>[d("primary")])),_:1}),u(g,{class:"uni-btn uni-btn-radius",disabled:""},{default:s((()=>[d("圆角")])),_:1})])),_:1})])),_:1}),u(v,{title:"禁用(size=mini)","sub-title":"使用 disabled 属性 ,展示禁用按钮",type:"line"},{default:s((()=>[u(h,{class:"uni-ma-5 uni-pb-5"},{default:s((()=>[u(g,{class:"uni-btn",type:"primary",disabled:"",size:"mini"},{default:s((()=>[d("primary")])),_:1}),u(g,{class:"uni-btn",plain:"",type:"primary",disabled:"",size:"mini"},{default:s((()=>[d("primary")])),_:1}),u(g,{class:"uni-btn uni-btn-radius",disabled:"",size:"mini"},{default:s((()=>[d("圆角")])),_:1})])),_:1})])),_:1}),u(v,{title:"大小","sub-title":"添加类名 .uni-btn-small .uni-btn-mini 展示按钮的不同大小",type:"line"},{default:s((()=>[u(h,{class:"uni-ma-5 uni-pb-5"},{default:s((()=>[u(g,{class:"uni-btn",type:"primary"},{default:s((()=>[d("default")])),_:1}),u(g,{class:"uni-btn uni-btn-small",type:"primary"},{default:s((()=>[d("samll")])),_:1}),u(g,{class:"uni-btn uni-btn-mini uni-btn-radius",type:"primary"},{default:s((()=>[d("mini")])),_:1})])),_:1})])),_:1}),u(v,{title:"大小(sizi=mini)","sub-title":"添加类名 .uni-btn-small .uni-btn-mini 展示按钮的不同大小",type:"line"},{default:s((()=>[u(h,{class:"uni-ma-5 uni-pb-5"},{default:s((()=>[u(g,{class:"uni-btn",type:"primary",size:"mini"},{default:s((()=>[d("default")])),_:1}),u(g,{class:"uni-btn uni-btn-small",type:"primary",size:"mini"},{default:s((()=>[d("samll")])),_:1}),u(g,{class:"uni-btn uni-btn-mini uni-btn-radius",type:"primary",size:"mini"},{default:s((()=>[d("mini")])),_:1})])),_:1})])),_:1})])),_:1})}],["__scopeId","data-v-83fc1aa8"]]);export{c as default};
|
