bi-font/assets/pages-extUI-color-color.BMl_2DH3.js

import{_ as i,b as a,d as u,p as s,w as e,i as l,o as t,f as n,k as d,C as o}from"./index-2PZN6pGH.js";import{_ as b}from"./uni-card.CpdfOoXJ.js";import{_ as c}from"./uni-section.BISPxi99.js";const r=i({data:()=>({}),computed:{},onLoad(){},methods:{}},[["render",function(i,r,f,_,m,y){const h=o,g=a(u("uni-card"),b),w=l,x=a(u("uni-section"),c);return t(),s(w,{class:"container"},{default:e((()=>[n(g,{"is-shadow":!1,"is-full":""},{default:e((()=>[n(h,{class:"uni-h6"},{default:e((()=>[d("uni-ui 规范颜色色板，通过内置样式快速指定元素前景和背景色。")])),_:1})])),_:1}),n(x,{title:"主色",type:"line"},{default:e((()=>[n(w,{class:"uni-ma-5"},{default:e((()=>[n(w,{class:"box uni-radius"},{default:e((()=>[n(w,{class:"item-box uni-primary-bg"},{default:e((()=>[n(h,{class:"uni-body uni-white"},{default:e((()=>[d("primary")])),_:1})])),_:1}),n(w,{class:"item-box"},{default:e((()=>[n(w,{class:"item uni-primary-disable-bg"},{default:e((()=>[n(h,{class:"uni-body uni-white"},{default:e((()=>[d("disable")])),_:1})])),_:1}),n(w,{class:"item uni-primary-light-bg"},{default:e((()=>[n(h,{class:"uni-body uni-white"},{default:e((()=>[d("light")])),_:1})])),_:1})])),_:1})])),_:1})])),_:1})])),_:1}),n(x,{title:"辅助色","sub-title":"除了主色外的场景色，需要在不同的场景中使用（例如危险色表示危险的操作）。",type:"line"},{default:e((()=>[n(w,{class:"uni-ma-5"},{default:e((()=>[n(w,{class:"box uni-radius"},{default:e((()=>[n(w,{class:"item-box uni-success-bg"},{default:e((()=>[n(h,{class:"uni-body uni-white"},{default:e((()=>[d("success")])),_:1})])),_:1}),n(w,{class:"item-box"},{default:e((()=>[n(w,{class:"item uni-success-disable-bg"},{default:e((()=>[n(h,{class:"uni-body uni-white"},{default:e((()=>[d("disable")])),_:1})])),_:1}),n(w,{class:"item uni-success-light-bg"},{default:e((()=>[n(h,{class:"uni-body uni-white"},{default:e((()=>[d("light")])),_:1})])),_:1})])),_:1})])),_:1}),n(w,{class:"box uni-mt-5 uni-radius"},{default:e((()=>[n(w,{class:"item-box uni-warning-bg"},{default:e((()=>[n(h,{class:"uni-body uni-white"},{default:e((()=>[d("warning")])),_:1})])),_:1}),n(w,{class:"item-box"},{default:e((()=>[n(w,{class:"item uni-warning-disable-bg"},{default:e((()=>[n(h,{class:"uni-body uni-white"},{default:e((()=>[d("disable")])),_:1})])),_:1}),n(w,{class:"item uni-warning-light-bg"},{default:e((()=>[n(h,{class:"uni-body uni-white"},{default:e((()=>[d("light")])),_:1})])),_:1})])),_:1})])),_:1}),n(w,{class:"box uni-mt-5 uni-radius"},{default:e((()=>[n(w,{class:"item-box uni-error-bg"},{default:e((()=>[n(h,{class:"uni-body uni-white"},{default:e((()=>[d("error")])),_:1})])),_:1}),n(w,{class:"item-box"},{default:e((()=>[n(w,{class:"item uni-error-disable-bg"},{default:e((()=>[n(h,{class:"uni-body uni-white"},{default:e((()=>[d("disable")])),_:1})])),_:1}),n(w,{class:"item uni-error-light-bg"},{default:e((()=>[n(h,{class:"uni-body uni-white"},{default:e((()=>[d("light")])),_:1})])),_:1})])),_:1})])),_:1}),n(w,{class:"box uni-mt-5 uni-radius"},{default:e((()=>[n(w,{class:"item-box uni-info-bg uni-white"},{default:e((()=>[n(h,{class:"uni-body uni-white"},{default:e((()=>[d("info")])),_:1})])),_:1}),n(w,{class:"item-box"},{default:e((()=>[n(w,{class:"item uni-info-disable-bg uni-white"},{default:e((()=>[n(h,{class:"uni-body uni-white"},{default:e((()=>[d("disable")])),_:1})])),_:1}),n(w,{class:"item uni-info-light-bg uni-white"},{default:e((()=>[n(h,{class:"uni-body uni-white"},{default:e((()=>[d("light")])),_:1})])),_:1})])),_:1})])),_:1})])),_:1})])),_:1}),n(x,{title:"中性色","sub-title":"中性色用于文本、背景和边框颜色。通过运用不同的中性色，来表现层次结构。",type:"line"},{default:e((()=>[n(w,{class:"uni-ma-5 uni-radius"},{default:e((()=>[n(w,{class:"box-base uni-radius uni-main-color-bg uni-mt-5"},{default:e((()=>[n(h,{class:"uni-body uni-white"},{default:e((()=>[d("main-color")])),_:1})])),_:1}),n(w,{class:"box-base uni-radius uni-base-color-bg uni-mt-5"},{default:e((()=>[n(h,{class:"uni-body uni-white"},{default:e((()=>[d("base-color")])),_:1})])),_:1}),n(w,{class:"box-base uni-radius uni-secondary-color-bg uni-mt-5"},{default:e((()=>[n(h,{class:"uni-body uni-white"},{default:e((()=>[d("secondary-color")])),_:1})])),_:1}),n(w,{class:"box-base uni-radius uni-extra-color-bg uni-mt-5"},{default:e((()=>[n(h,{class:"uni-body uni-white"},{default:e((()=>[d("extra-color")])),_:1})])),_:1})])),_:1})])),_:1}),n(x,{title:"分隔线","sub-title":"主要用于边框颜色",type:"line"},{default:e((()=>[n(w,{class:"uni-ma-5 uni-radius"},{default:e((()=>[n(w,{class:"box-base uni-radius uni-border-4-bg uni-mt-5"},{default:e((()=>[n(h,{class:"uni-body uni-secondary-color uni-white"},{default:e((()=>[d("border-4")])),_:1})])),_:1}),n(w,{class:"box-base uni-radius uni-border-3-bg uni-mt-5"},{default:e((()=>[n(h,{class:"uni-body uni-secondary-color uni-white"},{default:e((()=>[d("border-3")])),_:1})])),_:1}),n(w,{class:"box-base uni-radius uni-border-2-bg uni-mt-5"},{default:e((()=>[n(h,{class:"uni-body uni-white"},{default:e((()=>[d("border-2")])),_:1})])),_:1}),n(w,{class:"box-base uni-radius uni-border-1-bg uni-mt-5"},{default:e((()=>[n(h,{class:"uni-body uni-white"},{default:e((()=>[d("border-1")])),_:1})])),_:1})])),_:1})])),_:1}),n(x,{title:"常规色","sub-title":"通用颜色,如黑色白色",type:"line"},{default:e((()=>[n(w,{class:"uni-ma-5 uni-radius"},{default:e((()=>[n(w,{class:"box-base uni-radius uni-border uni-white-bg uni-mt-5"},{default:e((()=>[n(h,{class:"uni-body uni-secondary-color"},{default:e((()=>[d("white")])),_:1})])),_:1}),n(w,{class:"box-base uni-radius uni-border uni-black-bg uni-mt-5"},{default:e((()=>[n(h,{class:"uni-body uni-secondary-color"},{default:e((()=>[d("black")])),_:1})])),_:1}),n(w,{class:"box-base uni-radius uni-border uni-transparent-bg uni-mt-5"},{default:e((()=>[n(h,{class:"uni-body uni-secondary-color"},{default:e((()=>[d("transparent")])),_:1})])),_:1}),n(w,{class:"box-base uni-radius uni-border uni-bg-color-bg uni-mt-5"},{default:e((()=>[n(h,{class:"uni-body uni-secondary-color"},{default:e((()=>[d("bg-color")])),_:1})])),_:1})])),_:1})])),_:1}),n(x,{title:"阴影",type:"line"},{default:e((()=>[n(w,{class:"box-base uni-white-bg uni-ma-5 uni-radius uni-shadow-sm uni-mt-2"},{default:e((()=>[n(h,{class:"uni-body uni-secondary-color"},{default:e((()=>[d("shadow-sm")])),_:1})])),_:1}),n(w,{class:"box-base uni-white-bg uni-ma-5 uni-radius uni-shadow-base uni-secondary-color uni-mt-2"},{default:e((()=>[n(h,{class:"uni-body uni-secondary-color"},{default:e((()=>[d("shadow-base")])),_:1})])),_:1}),n(w,{class:"box-base uni-white-bg uni-ma-5 uni-radius uni-shadow-lg uni-secondary-color uni-mt-2"},{default:e((()=>[n(h,{class:"uni-body uni-secondary-color"},{default:e((()=>[d("shadow-lg")])),_:1})])),_:1})])),_:1})])),_:1})}],["__scopeId","data-v-e1c61a1a"]]);export{r as default};