代码拉取完成，页面将自动刷新
免除开发者繁复的手写 CSS 样式。
【使用文档】
# 选择一个你喜欢的包管理器
# yarn
$ yarn add @vusui/css
# npm
$ npm install @vusui/css --save
# pnpm
$ pnpm install @vusui/css
// main.ts
import { createApp } from "vue";
// 全部样式
import "@vusui/css/lib/style.css";
// 移动端(H5)专用样式(无自适应)
import "@vusui/css/lib/mobile.css";
// 精简版样式
import "@vusui/css/lib/lite.css";
// uni-app、小程序版样式
import "@vusui/css/lib/uni.css";
// 指定样式
import "@vusui/css/lib/margin.css";
const app = createApp({});
app.mount("#app");
直接通过浏览器的 HTML 标签导入 vusui-css，然后就可以使用 Vusui-css 样式库了。
根据不同的 CDN 提供商有不同的引入方式， 我们在这里以 unpkg 和 jsDelivr 举例。
<head>
<!-- 引入全部样式 -->
<link rel="stylesheet" href="//unpkg.com/@vusui/css/lib/style.css" />
<!-- 引入移动端样式 -->
<link rel="stylesheet" href="//unpkg.com/@vusui/css/lib/mobile.css" />
<!-- 引入精简版样式 -->
<link rel="stylesheet" href="//unpkg.com/@vusui/css/lib/lite.css" />
<!-- 引入指定样式 -->
<link rel="stylesheet" href="//unpkg.com/@vusui/css/lib/flex.css" />
</head>
<head>
<!-- 引入全部样式 -->
<link
rel="stylesheet"
href="//cdn.jsdelivr.net/npm/@vusui/css/lib/style.css"
/>
<!-- 引入移动端样式 -->
<link
rel="stylesheet"
href="//cdn.jsdelivr.net/npm/@vusui/css/lib/mobile.css"
/>
<!-- 引入精简版样式 -->
<link
rel="stylesheet"
href="//cdn.jsdelivr.net/npm/@vusui/css/lib/lite.css"
/>
<!-- 引入指定样式 -->
<link
rel="stylesheet"
href="//cdn.jsdelivr.net/npm/@vusui/css/lib/flex.css"
/>
</head>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。