# 主题化

Vue Formulate 与您选择应用于表单域的样式完全无关, 但它有意设计为易于编写样式。Vue Formulate 为主题中的每个主要成分提供功能,包括:

# 默认主题

默认情况下,该包包含单个主题(名为“snow”)的 SCSS 和已编译的 CSS。 这是您在此文档站点上看到的那个。您可以将 SCSS 直接导入到您自己的 SCSS 中, 也可以直接使用压缩后的 CSS。

# 导入 SCSS

// scss/main.scss
@import '../node_modules/@braid/vue-formulate/themes/snow/snow.scss';

# CSS 文件

snow 主题的压缩文件可在存储库中下载和查看。

在 Github 上查看 CSS (opens new window)

# 贡献主题

我们很乐意看到社区为 Vue Formulate 贡献主题! 如果您创建了自己的杰作——请通过在 github 上 打开一个 issue (opens new window) 来分享它, 让我们知道它,我们可能会在此文档页面上列出它。

# 标本页

Vue Formate 包括用于样式和主题的每种输入类型的样本页面。要使用它,首先克隆 Vue Formate, 安装并运行 dev:

git clone git@github.com:wearebraid/vue-formulate.git
npm install
npm run dev

在浏览器中打开提供的 URL,您应该会看到按体系划分的每个输入类型。

Screenshot of all inputs by classification