厨房水槽布局凌乱 Framework7

Kitchen sink has a messy layout Framework7

我开始使用 Framework7,并且我已成功 运行 localhost:3000 上的厨房水槽。但是,它给了我这样的东西

谁能告诉我为什么?谢谢

您必须 运行 dist 文件夹中的 index.html 文件。不是来自厨房水槽。 Kitchen sink 是为了获得应用程序的额外(实用程序)功能。

Framework7使用gulp构建开发(build)和dist版本

首先你需要有 gulp-cli,你应该全局安装它。

$ npm install --global gulp

然后在 repo 的根目录中安装所有依赖项:

$ npm install

并构建 Framework7 的开发版本: $ gulp build

结果在 build/ 文件夹中可用。

Dist/Release

构建完成后:

$ gulp dist

可分发版本将在 dist/ 文件夹中提供。

自定义构建

您可以构建自定义版本的 Framework7,只需要 components/modules。例如,如果除了 Framework 7 核心之外我们只需要包含 Accordion、Modals 和 Tabs 模块:

$ gulp custom -accordion,modals,tabs 之后,您会发现已创建 custom/ 文件夹,其中包含生成的 JS 和 CSS 文件。以下是可用的附加模块列表: