# 主题化
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,您应该会看到按体系划分的每个输入类型。