entheosl / fit-screen

Scale-based large-screen adaptive solution

Scale-based large-screen adaptive solution

English 简体中文

🚀 Features

• 🕶 Seamless migration: Works for Vue 2, Vue3 and React
• 🌟 Provide public base methods that can be applied to any framework with a little code
• 🦾 Type Strong: Written in TypeScript, with TS Docs
• 🌎 No bundler required: Usable via CDN

🦄 Useage

Vue

npm install @fit-screen/vue
# or
yarn add @fit-screen/vue
# or
pnpm install @fit-screen/vue

For Vue 2.6 or below, @vue/composition-api is required separately.

npm install @fit-screen/vue @vue/composition-api
# or
yarn add @fit-screen/vue @vue/composition-api
# or
pnpm install @fit-screen/vue @vue/composition-api

If you're not familiar with using Vue components, you can see a more detailed example here.

Click to go

React

npm install @fit-screen/react
# or
yarn add @fit-screen/react
# or
pnpm install @fit-screen/react

If you're not familiar with using React components, you can see a more detailed example here.

Click to go

💻 Extends

Of course, if you're not using vue or react, but another framework, you can extend your own adaptive components with a plugin public method, such as using Svelte

You can click to see exactly how to use

🌰 Example

Vue2.6 or below

Vue2.7 or 3.0+

React example

Sevlte example

License

MIT License © 2022 jp-liu