index-180e7d4a.js 5.78 KB
import{d as r,a8 as u,_,a9 as m,aa as l,f as a,a0 as t,E as e,ac as o}from"./vue-5a35c3f5.js";import{P as p}from"./index-f532aa07.js";import{as as f,be as g,bf as y}from"./antd-6b087f69.js";import{_ as h}from"./index.js";import"./useContentViewHeight-d0a5c58e.js";import"./useWindowSizeFn-cc2fb57c.js";import"./onMountedOrActivated-52afb7a7.js";const E=r({components:{PageWrapper:p,ACard:f,ARow:g,ACol:y}}),k={class:"my-2"},b=t("h3",null,"success",-1),F={class:"py-2"},C={class:"my-2"},B=t("h3",null,"warning",-1),D={class:"my-2"},A=t("h3",null,"error",-1),w={class:"my-2"},v=t("h3",null,"ghost",-1),x={class:"my-2"},N=t("h3",null,"primary",-1),P={class:"my-2"},V=t("h3",null,"default",-1),$={class:"my-2"},W=t("h3",null,"dashed",-1),I={class:"my-2"},R=t("h3",null,"ghost 常规幽灵按钮通常用于有色背景下",-1),T={class:"bg-gray-400 py-2"};function H(j,q,z,G,J,K){const s=u("a-button"),d=u("a-card"),n=u("a-col"),i=u("a-row"),c=u("PageWrapper");return _(),m(c,{contentFullHeight:"",title:"基础组件",content:" 基础组件依赖于ant-design-vue,组件库已有的基础组件,项目中不会再次进行demo展示(二次封装组件除外)"},{default:l(()=>[a(i,{gutter:[20,20]},{default:l(()=>[a(n,{xl:10,lg:24},{default:l(()=>[a(d,{title:"BasicButton Color"},{default:l(()=>[t("div",k,[b,t("div",F,[a(s,{color:"success"},{default:l(()=>[e(" 成功 ")]),_:1}),a(s,{color:"success",class:"ml-2",disabled:""},{default:l(()=>[e(" 禁用 ")]),_:1}),a(s,{color:"success",class:"ml-2",loading:""},{default:l(()=>[e(" loading ")]),_:1}),a(s,{color:"success",type:"link",class:"ml-2"},{default:l(()=>[e(" link ")]),_:1}),a(s,{color:"success",type:"link",class:"ml-2",loading:""},{default:l(()=>[e(" loading link ")]),_:1}),a(s,{color:"success",type:"link",class:"ml-2",disabled:""},{default:l(()=>[e(" disabled link ")]),_:1})])]),t("div",C,[B,a(s,{color:"warning"},{default:l(()=>[e(" 警告 ")]),_:1}),a(s,{color:"warning",class:"ml-2",disabled:""},{default:l(()=>[e(" 禁用 ")]),_:1}),a(s,{color:"warning",class:"ml-2",loading:""},{default:l(()=>[e(" loading ")]),_:1}),a(s,{color:"warning",type:"link",class:"ml-2"},{default:l(()=>[e(" link ")]),_:1}),a(s,{color:"warning",type:"link",class:"ml-2",loading:""},{default:l(()=>[e(" loading link ")]),_:1}),a(s,{color:"warning",type:"link",class:"ml-2",disabled:""},{default:l(()=>[e(" disabled link ")]),_:1})]),t("div",D,[A,a(s,{color:"error"},{default:l(()=>[e(" 错误 ")]),_:1}),a(s,{color:"error",class:"ml-2",disabled:""},{default:l(()=>[e(" 禁用 ")]),_:1}),a(s,{color:"error",class:"ml-2",loading:""},{default:l(()=>[e(" loading ")]),_:1}),a(s,{color:"error",type:"link",class:"ml-2"},{default:l(()=>[e(" link ")]),_:1}),a(s,{color:"error",type:"link",class:"ml-2",loading:""},{default:l(()=>[e(" loading link ")]),_:1}),a(s,{color:"error",type:"link",class:"ml-2",disabled:""},{default:l(()=>[e(" disabled link ")]),_:1})]),t("div",w,[v,a(s,{ghost:"",color:"success",class:"ml-2"},{default:l(()=>[e(" 幽灵成功 ")]),_:1}),a(s,{ghost:"",color:"warning",class:"ml-2"},{default:l(()=>[e(" 幽灵警告 ")]),_:1}),a(s,{ghost:"",color:"error",class:"ml-2"},{default:l(()=>[e(" 幽灵错误 ")]),_:1}),a(s,{ghost:"",type:"dashed",color:"warning",class:"ml-2"},{default:l(()=>[e(" 幽灵警告dashed ")]),_:1}),a(s,{ghost:"",danger:"",class:"ml-2"},{default:l(()=>[e(" 幽灵危险 ")]),_:1})])]),_:1})]),_:1}),a(n,{xl:14,lg:24},{default:l(()=>[a(d,{title:"BasicButton Types"},{default:l(()=>[t("div",x,[N,a(s,{type:"primary",preIcon:"mdi:page-next-outline"},{default:l(()=>[e(" 主按钮 ")]),_:1}),a(s,{type:"primary",class:"ml-2",disabled:""},{default:l(()=>[e(" 禁用 ")]),_:1}),a(s,{type:"primary",class:"ml-2",danger:"",preIcon:"mdi:page-next-outline"},{default:l(()=>[e(" 危险 ")]),_:1}),a(s,{type:"primary",class:"ml-2",loading:""},{default:l(()=>[e(" loading ")]),_:1}),a(s,{type:"link",class:"ml-2"},{default:l(()=>[e(" link ")]),_:1}),a(s,{type:"link",class:"ml-2",loading:""},{default:l(()=>[e(" loading link ")]),_:1}),a(s,{type:"link",class:"ml-2",disabled:""},{default:l(()=>[e(" disabled link ")]),_:1})]),t("div",P,[V,a(s,{type:"default"},{default:l(()=>[e(" 默认 ")]),_:1}),a(s,{type:"default",class:"ml-2",disabled:""},{default:l(()=>[e(" 禁用 ")]),_:1}),a(s,{type:"default",class:"ml-2",danger:""},{default:l(()=>[e(" 危险 ")]),_:1}),a(s,{type:"default",class:"ml-2",loading:""},{default:l(()=>[e(" loading ")]),_:1}),a(s,{type:"link",class:"ml-2"},{default:l(()=>[e(" link ")]),_:1}),a(s,{type:"link",class:"ml-2",loading:""},{default:l(()=>[e(" loading link ")]),_:1}),a(s,{type:"link",class:"ml-2",disabled:""},{default:l(()=>[e(" disabled link ")]),_:1})]),t("div",$,[W,a(s,{type:"dashed"},{default:l(()=>[e(" dashed ")]),_:1}),a(s,{type:"dashed",class:"ml-2",disabled:""},{default:l(()=>[e(" 禁用 ")]),_:1}),a(s,{type:"dashed",class:"ml-2",danger:""},{default:l(()=>[e(" 危险 ")]),_:1}),a(s,{type:"dashed",class:"ml-2",loading:""},{default:l(()=>[e(" loading ")]),_:1})]),t("div",I,[R,t("div",T,[a(s,{ghost:"",type:"primary",class:"ml-2"},{default:l(()=>[e(" 幽灵主要 ")]),_:1}),a(s,{ghost:"",type:"default",class:"ml-2"},{default:l(()=>[e(" 幽灵默认 ")]),_:1}),a(s,{ghost:"",type:"dashed",class:"ml-2"},{default:l(()=>[e(" 幽灵dashed ")]),_:1}),a(s,{ghost:"",type:"primary",class:"ml-2",disabled:""},{default:l(()=>[e(" 禁用 ")]),_:1}),a(s,{ghost:"",type:"primary",class:"ml-2",loading:""},{default:l(()=>[e(" loading ")]),_:1})]),o(" antd 按钮不能同时使用ghost和link "),o('      <a-button ghost type="link" class="ml-2"> link </a-button>'),o('      <a-button ghost type="link" class="ml-2" loading> loading link </a-button>'),o('      <a-button ghost type="link" class="ml-2" disabled> disabled link </a-button>')])]),_:1})]),_:1})]),_:1})]),_:1})}const Y=h(E,[["render",H],["__file","E:/allcode/erp/test7901/order-erp-front/src/views/demo/comp/button/index.vue"]]);export{Y as default};