b6eeaf33f2
Note that current scroll impl doesn't work well on safari. Since it is tooooo slow.
Use onWheel may alleviate the problem.
However safari has new bug when use onWheel. The overflow scroll behavior will be wired.
****!
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body style="height: 2000px; background: green;">
<div style="background: red; height:300px;overflow: auto;">
<div id="x" style="height: 600px;
width: 50%;
background: blue;
"></div>
</div>
<script>
// document.getElementById('x').addEventListener('wheel', (e) => {
// e.stopImmediatePropagation()
// }, true)
</script>
</body>
</html>
|
||
|---|---|---|
| build | ||
| build-doc | ||
| compat | ||
| demo | ||
| design-notes | ||
| playground | ||
| scripts | ||
| src | ||
| themes/tusimple | ||
| .eslintignore | ||
| .eslintrc.js | ||
| .gitignore | ||
| .npmignore | ||
| .prettierignore | ||
| .prettierrc | ||
| babel.config.js | ||
| CHANGELOG.en-US.md | ||
| CHANGELOG.zh-CN.md | ||
| index.html | ||
| jest.config.js | ||
| package.json | ||
| postcss.config.js | ||
| README.md | ||
| README.zh-CN.md | ||
| tsconfig.cjs.json | ||
| tsconfig.esm.json | ||
| tsconfig.json | ||
| vite.config.js | ||
| vue3.md | ||
Naive UI
A Vue 3 UI Framework
Rather Complete, Themable, With Typescript, Not Too Slow
Interesting Somehow
English | 中文
Documentation
Features
Rather Complete
There are more than 70 components. Hope they can help you write less code.
What's more, they are all treeshakable.
Themeable
We provide an advanced type safe theme system that built with typescript. All you need is to provide a theme overrides object in JS. Then all the staff is done by us.
What's more, no less/sass/css variables, no webpack loaders are required.
With Typescript
All the staff in Naive UI is wrote in Typescript. It can work with your typescript project seamlessly.
What's more, you don't need to import any CSS to use the components.
Not too Slow
I try to make it not rather slow. At least select, tree, transfer, table and cascader work with virtual list.
What's more, ..., no more. Just enjoy it.
Installation
npm
Use npm to install.
npm i -D naive-ui
Fonts
npm i -D vfonts
Icons
naive-ui recommends using xicons as icon library.
Design Resources
Sorry, currently there is nothing.
License
Naive UI is licensed under the MIT license.
Graphics resouces of result component is licensed under the CC-BY 4.0. The graphics resources come from Twemoji.