fix(omiu): color style loss

Tencent · Nov 23, 2023 · 8ca020e · 8ca020e
1 parent f6fee3c
commit 8ca020e
Show file tree

Hide file tree

Showing 2 changed files with 49 additions and 0 deletions.
diff --git a/packages/omiu/src/components/button/ButtonPage.tsx b/packages/omiu/src/components/button/ButtonPage.tsx
@@ -158,6 +158,52 @@ export class ButtonPage extends Component {
         </section>
         {/* <!-- Section: Outline --> */}
 
+         {/* <!-- Section: Colors --> */}
+         <section>
+          {/* <!-- Title --> */}
+          <h2 className="mb-5 mt-0 text-3xl font-semibold leading-normal" id="outline" data-te-spy-item>
+            Colors
+          </h2>
+
+
+          <code-showcase
+            code={`<o-button color="primary">Primary</o-button>
+<o-button color="secondary">Secondary</o-button>
+<o-button color="success">Success</o-button>
+<o-button color="info">Info</o-button>
+<o-button color="warning">Warning</o-button>
+<o-button color="danger">Danger</o-button>
+<o-button color="light">Light</o-button>
+<o-button color="dark">Dark</o-button>`}
+          >
+            <o-button color="primary">
+              Primary
+            </o-button>
+            <o-button color="secondary">
+              Secondary
+            </o-button>
+            <o-button color="success">
+              Success
+            </o-button>
+            <o-button color="info">
+              Info
+            </o-button>
+            <o-button color="warning">
+              Warning
+            </o-button>
+            <o-button color="danger">
+              Danger
+            </o-button>
+            <o-button color="light">
+              Light
+            </o-button>
+            <o-button color="dark">
+              Dark
+            </o-button>
+          </code-showcase>
+        </section>
+        {/* <!-- Section: Colors --> */}
+
         {/* <!-- Section: Rounded --> */}
         <section>
           {/* <!-- Title --> */}

diff --git a/packages/omiu/src/main.tsx b/packages/omiu/src/main.tsx
@@ -2,6 +2,9 @@ import { routes } from './routes'
 import { Router } from 'omi-router'
 import { tailwind } from '@/tailwind'
 
+// 为了被扫出来，不然样式丢失
+const classes = 'bg-success bg-danger bg-warning bg-info'
+
 const router = new Router({
   routes,
   css: [