fix: button 样式 primary 与 default

example/docs/zh-CN/components/button.md

@@ -14,7 +14,7 @@
 
 <template>
   <lay-button type="primary">原始按钮</lay-button>
-  <lay-button type="default">默认按钮</lay-button>
+  <lay-button>默认按钮</lay-button>
   <lay-button type="normal">百搭按钮</lay-button>
   <lay-button type="warm">暖色按钮</lay-button>
   <lay-button type="danger">警告按钮</lay-button>
@@ -40,12 +40,11 @@ export default {
 ::: demo 使用 `border` 属性设置边框主题
 
 <template>
-  <lay-button type="primary">原始按钮</lay-button>
-  <lay-button type="primary" border="green">默认按钮</lay-button>
-  <lay-button type="primary" border="blue">百搭按钮</lay-button>
-  <lay-button type="primary" border="orange">暖色按钮</lay-button>
-  <lay-button type="primary" border="red">警告按钮</lay-button>
-  <lay-button type="primary" border="black">禁用按钮</lay-button>
+  <lay-button>原始按钮</lay-button>
+  <lay-button border="green">默认按钮</lay-button>
+  <lay-button border="blue">百搭按钮</lay-button>
+  <lay-button border="orange">暖色按钮</lay-button>
+  <lay-button border="red">警告按钮</lay-button>
 </template>
 
 <script>

example/src/layouts/Layout.vue

@@ -51,7 +51,11 @@
                 <lay-icon
                   size="15px"
                   type="layui-icon-theme"
-                  style="color: rgba(255, 255, 255, 0.7);padding-left: 30px;padding-right: 30px;"
+                  style="
+                    color: rgba(255, 255, 255, 0.7);
+                    padding-left: 30px;
+                    padding-right: 30px;
+                  "
                 ></lay-icon>
               </a>
               <template #content>
@@ -139,6 +143,24 @@
               >
             </a>
           </li>
+          <li class="layui-nav-item">
+            <a href="javascript:void(0)">
+              <lay-badge
+                type="rim"
+                class="layui-local-badge"
+                v-if="isDark"
+                @click="toggleDark"
+                >白天</lay-badge
+              >
+              <lay-badge
+                type="rim"
+                class="layui-local-badge"
+                v-else
+                @click="toggleDark"
+                >黑夜</lay-badge
+              >
+            </a>
+          </li>
           <li class="layui-nav-item">
             <a href="https://gitee.com/layui-vue/layui-vue/issues">
               <lay-icon type="layui-icon-chat" size="15px"></lay-icon>
@@ -160,6 +182,8 @@ import menu from "../view/utils/menus";
 import { useI18n } from "vue-i18n";
 import zh_CN from "../locales/zh_CN.ts";
 import en_US from "../locales/en_US.ts";
+import { useDark, useToggle } from "@vueuse/core";
+
 export default {
   setup() {
     const { t } = useI18n();
@@ -197,6 +221,9 @@ export default {
       });
     });
 
+    const isDark = useDark();
+    const toggleDark = useToggle(isDark);
+
     watch(
       () => route.path,
       (val) => {
@@ -219,6 +246,8 @@ export default {
       theme,
       locale,
       locales,
+      isDark,
+      toggleDark,
       currentPath,
       handleClick,
       changeLocale,
@@ -229,7 +258,6 @@ export default {
 </script>
 
 <style>
-
 .layui-layout-document > .layui-header {
   z-index: 9999;
   width: 100%;