Domovská stránka Prehľadávať Pomoc
Registrovať Prihlásiť sa
huanghui
/
vitevue32
1
0
Fork 0
Súbory Issues 0 Pull requesty 0 Wiki
Strom: 6466dbf4d5
Branche Tagy
vitevue32
/
docs
/
assets
/
doc.b414016a.js

doc.b414016a.js 6.5 KB
História Raw

1 
  1. import{_ as E}from"./index.c8cfbd6c.js";import{r as F,o as t,g as l,l as o,x as C,q as _,H as m,I as h,B as k,C as $,k as f,F as v}from"./@vue.e84e1286.js";import"./vue-router.54876e93.js";const D=s=>(k("data-v-d8ff2bac"),s=s(),$(),s),L={class:"m-color__section"},A=D(()=>o("p",{class:"m-color__title"},"Brand Color",-1)),I={class:"m-color__desc"},x={class:"m-color__bottom"},S=["onClick"],T={__name:"demo1",setup(s){const r=F({currentColor:"#409EFF",colorList:["#409EFF","#337ECC","#79BBFF","#A0CFFF","#C6E2FF","#D9ECFF","#ECF5FF"]}),i=n=>{r.currentColor=r.colorList[n]};return(n,c)=>(t(),l("div",L,[o("div",{class:"m-color__top",style:_({backgroundColor:r.currentColor})},[A,o("p",I,C(r.currentColor),1)],4),o("div",x,[(t(!0),l(m,null,h(r.colorList,(u,b)=>(t(),l("div",{onClick:B=>i(b),style:_({backgroundColor:u}),key:b,class:"m-color__item"},null,12,S))),128))])]))}};var w=E(T,[["__scopeId","data-v-d8ff2bac"]]);const g=s=>(k("data-v-7cccd024"),s=s(),$(),s),O={class:"m-color__list"},P={class:"m-color__section"},j=g(()=>o("p",{class:"m-color__title"},"Brand Color",-1)),z={class:"m-color__desc"},N={class:"m-color__bottom"},V=["onClick"],q={class:"m-color__section"},H=g(()=>o("p",{class:"m-color__title"},"Brand Color",-1)),R={class:"m-color__desc"},W={class:"m-color__bottom"},G=["onClick"],J={class:"m-color__section"},K=g(()=>o("p",{class:"m-color__title"},"Brand Color",-1)),M={class:"m-color__desc"},Q={class:"m-color__bottom"},U=["onClick"],X={class:"m-color__section"},Y=g(()=>o("p",{class:"m-color__title"},"Brand Color",-1)),Z={class:"m-color__desc"},oo={class:"m-color__bottom"},to=["onClick"],lo={__name:"demo2",setup(s){const r=F({currentColor:"#67C23A",colorList:["#67C23A","#529B2E","#95D475","#B3E19D","#D1EDC4","#E1F3D8","#F0F9EB"]}),i=F({currentColor:"#E6A23C",colorList:["#E6A23C","#B88230","#EEBE77","#F3D19E","#F8E3C5","#FAECD8","#FDF6EC"]}),n=F({currentColor:"#F56C6C",colorList:["#F56C6C","#C45656","#F89898","#FAB6B6","#FCD3D3","#FDE2E2","#FEF0F0"]}),c=F({currentColor:"#909399",colorList:["#909399","#73767A","#B1B3B8","#C8C9CC","#DEDFE0","#E9E9EB","#F4F4F5"]}),u=a=>{r.currentColor=r.colorList[a]},b=a=>{i.currentColor=i.colorList[a]},B=a=>{n.currentColor=n.colorList[a]},y=a=>{c.currentColor=c.colorList[a]};return(a,fo)=>(t(),l("div",O,[o("div",P,[o("div",{class:"m-color__top",style:_({backgroundColor:r.currentColor})},[j,o("p",z,C(r.currentColor),1)],4),o("div",N,[(t(!0),l(m,null,h(r.colorList,(d,e)=>(t(),l("div",{onClick:p=>u(e),style:_({backgroundColor:d}),key:e,class:"m-color__item"},null,12,V))),128))])]),o("div",q,[o("div",{class:"m-color__top",style:_({backgroundColor:i.currentColor})},[H,o("p",R,C(i.currentColor),1)],4),o("div",W,[(t(!0),l(m,null,h(i.colorList,(d,e)=>(t(),l("div",{onClick:p=>b(e),style:_({backgroundColor:d}),key:e,class:"m-color__item"},null,12,G))),128))])]),o("div",J,[o("div",{class:"m-color__top",style:_({backgroundColor:n.currentColor})},[K,o("p",M,C(n.currentColor),1)],4),o("div",Q,[(t(!0),l(m,null,h(n.colorList,(d,e)=>(t(),l("div",{onClick:p=>B(e),style:_({backgroundColor:d}),key:e,class:"m-color__item"},null,12,U))),128))])]),o("div",X,[o("div",{class:"m-color__top",style:_({backgroundColor:c.currentColor})},[Y,o("p",Z,C(c.currentColor),1)],4),o("div",oo,[(t(!0),l(m,null,h(c.colorList,(d,e)=>(t(),l("div",{onClick:p=>y(e),style:_({backgroundColor:d}),key:e,class:"m-color__item"},null,12,to))),128))])])]))}};var ro=E(lo,[["__scopeId","data-v-7cccd024"]]);const co={class:"m-color__list"},so={class:"m-color__title"},eo={class:"m-color__desc"},_o={__name:"demo3",setup(s){const r=F({colorObjList:[{title:"Primary Text",bgColor:"#303133",color:"#fff"},{title:"Darker Border",bgColor:"#CDD0D6",color:"#333"},{title:"Darker Fill",bgColor:"#E6E8EB",color:"#333"},{title:"Basic Black",bgColor:"#000000",color:"#fff"},{title:"Regular Text",bgColor:"#606266",color:"#fff"},{title:"Dark Border",bgColor:"#D4D7DE",color:"#333"},{title:"Dark Fill",bgColor:"#EBEDF0",color:"#333"},{title:"Basic White",bgColor:"#FFFFFF",color:"#333"},{title:"Secondary Text",bgColor:"#909399",color:"#fff"},{title:"Base Border",bgColor:"#DCDFE6",color:"#333"},{title:"Base Fill",bgColor:"#F0F2F5",color:"#333"},{title:"Transparent",bgColor:"#Transparent",color:"#333"},{title:"Placeholder Text",bgColor:"#A8ABB2",color:"#fff"},{title:"Light Border",bgColor:"#E4E7ED",color:"#333"},{title:"Light Fill",bgColor:"#F5F7FA",color:"#333"},{title:"Page Background",bgColor:"#F2F3F5",color:"#333"},{title:"Disabled Text",bgColor:"#C0C4CC",color:"#333"},{title:"Lighter Border",bgColor:"#EBEEF5",color:"#333"},{title:"Lighter Fill",bgColor:"#FAFAFA",color:"#333"},{title:"Base Background",bgColor:"#FFFFFF",color:"#333"},{title:"Extra-light Border",bgColor:"#F2F6FC",color:"#333"},{title:"Extra-light Fill",bgColor:"#FAFCFF",color:"#333"},{title:"Overlay Background",bgColor:"#FFFFFF",color:"#333"},{title:"Blank Fill",bgColor:"#FFFFFF",color:"#333"}]});return(i,n)=>(t(),l("div",co,[(t(!0),l(m,null,h(r.colorObjList,(c,u)=>(t(),l("div",{key:u,style:_({backgroundColor:c.bgColor,color:c.color}),class:f(["m-color__item","item__"+u])},[o("p",so,C(c.title),1),o("p",eo,C(c.bgColor),1)],6))),128))]))}};var no=E(_o,[["__scopeId","data-v-c17f3c58"]]);const io={class:"markdown-body"},ao=o("h1",null,"Color \u8272\u5F69",-1),Co=o("h4",null,"my-baseui \u4E3A\u4E86\u907F\u514D\u89C6\u89C9\u4F20\u8FBE\u5DEE\u5F02\uFF0C\u4F7F\u7528\u4E00\u5957\u7279\u5B9A\u7684\u8C03\u8272\u677F\u6765\u89C4\u5B9A\u989C\u8272\uFF0C\u4E3A\u4F60\u6240\u642D\u5EFA\u7684\u4EA7\u54C1\u63D0\u4F9B\u4E00\u81F4\u7684\u5916\u89C2\u89C6\u89C9\u611F\u53D7\u3002",-1),uo=o("br",null,null,-1),Fo=o("h2",null,"\u4E3B\u8272",-1),mo=o("h4",null,"my-baseui \u9ED8\u8BA4\u7684\u4E3B\u9898\u8272\u662F\u660E\u4EAE\u3001\u53CB\u597D\u7684\u84DD\u8272\u3002",-1),ho=o("br",null,null,-1),bo={class:"source"},go=o("h2",null,"\u8F85\u52A9\u8272",-1),po=o("h4",null,"\u9664\u4E86\u4E3B\u989C\u8272\u5916\uFF0C\u60A8\u9700\u8981\u5728\u4E0D\u540C\u7684\u573A\u666F\u4E2D\u4F7F\u7528\u4E0D\u540C\u7684\u573A\u666F\u989C\u8272 (\u4F8B\u5982\uFF0C\u5371\u9669\u7684\u989C\u8272\u8868\u793A\u5371\u9669\u7684\u64CD\u4F5C)\u3002",-1),vo=o("br",null,null,-1),Eo={class:"source"},Bo=o("h2",null,"\u4E2D\u6027\u8272",-1),ko=o("h4",null,"\u4E2D\u6027\u8272\u7528\u4E8E\u6587\u672C\u3001\u80CC\u666F\u548C\u8FB9\u6846\u989C\u8272\u3002 \u901A\u8FC7\u8FD0\u7528\u4E0D\u540C\u7684\u4E2D\u6027\u8272\uFF0C\u6765\u8868\u73B0\u5C42\u6B21\u7ED3\u6784\u3002",-1),$o=o("br",null,null,-1),yo={class:"source"},Io={__name:"doc",setup(s,{expose:r}){return r({frontmatter:{}}),(n,c)=>(t(),l("div",io,[ao,Co,uo,Fo,mo,ho,o("div",bo,[v(w)]),go,po,vo,o("div",Eo,[v(ro)]),Bo,ko,$o,o("div",yo,[v(no)])]))}};export{Io as default};
    2.