pidan-components

快速开始

这个库基于vue3，所以需要配合vue3使用。

推荐环境：Vue3 + TypeScript

目前提供了只一个切换暗黑主题的组件，以下是使用步骤

1. 安装依赖

   在你的项目中

   npm i pidan-components

2. 在src目录下创建一个darkmode.css文件

   .dark {
   background-color: black;
   color: rgb(231, 145, 39);
   }

3. 在main.ts中引入darkmode.css

   import "./darkmode.css";
   ...
   import App from "./App.vue";
   
   createApp(App).mount("#app");

4. 在你的组件中使用(以App.vue为例子)

   <script setup lang="ts">
   import { DarkMode } from "pidan-components";
   </script>
   
   <template>
   <DarkMode />
   <div style="width: 100%; height: 100vh;">
       这是一段示例文字
   </div>
   
   </template>
   
   <style scoped></style>