Framework7 Svelte 包结构

Framework7 Svelte 包包含以下文件和文件夹

framework7-svelte/
    components/
        accordion.d.ts
        accordion.svelte
        accordion-item.d.ts
        accordion-item.svelte
        ...
    framework7-svelte.js
    framework7-svelte.d.ts

Svelte 插件

Framework7 Svelte 插件以 ES 模块形式提供

// Import Framework7 Core
import Framework7 from 'framework7/lite';
/*
Or import bundle with all components:
import Framework7 from 'framework7/lite-bundle';
*/

// Import Framework7 Svelte
import Framework7Svelte from 'framework7-svelte';

// Init plugin
Framework7.use(Framework7Svelte)

默认情况下,它只导出 Framework7-Svelte 插件,不包含任何 Svelte 组件。要单独导入组件,我们需要使用命名导入

<App>
  <View>
    ...
  </View>
</App>
<script>
  import { App, View } from 'framework7-svelte';
</script>
在本页上