Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit 56deeef

Browse files
Add Vite support
1 parent 2ecb27a commit 56deeef

13 files changed

+25166
-9561
lines changed

‎CHANGELOG.MD

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,6 @@
1+
## 1.4.4 | 2022年04月15日
2+
- Add Vite support
3+
14
## 1.4.3 | 2021年12月10日
25
- Update perfect-scrollbar [#68](https://github.com/Binaryify/vue-custom-scrollbar/issues/68)
36

‎README.md

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -37,8 +37,16 @@ As you know, Chrome support custom scrollbar, but Firefox or other browsers don'
3737
</div>
3838
</template>
3939
<script>
40+
/**
41+
* For Vue2/Vue3
42+
*/
4043
import vueCustomScrollbar from 'vue-custom-scrollbar'
4144
import "vue-custom-scrollbar/dist/vueScrollbar.css"
45+
/**
46+
* For vite
47+
*/
48+
import vueCustomScrollbar from 'vue-custom-scrollbar/src/vue-scrollbar.vue'
49+
4250
export default {
4351
components: {
4452
vueCustomScrollbar

‎dist/vueScrollbar.common.js

Lines changed: 13 additions & 3 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/vueScrollbar.common.js.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/vueScrollbar.umd.js

Lines changed: 13 additions & 3 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/vueScrollbar.umd.js.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/vueScrollbar.umd.min.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/vueScrollbar.umd.min.js.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/README.md

Lines changed: 24 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -51,15 +51,33 @@ $ yarn add vue-custom-scrollbar
5151

5252
```vue
5353
<template>
54-
<div>
55-
<vue-custom-scrollbar class="scroll-area" :settings="settings" @ps-scroll-y="scrollHanle">
56-
<img src="https://raw.githubusercontent.com/Binaryify/vue-custom-scrollbar/master/docs/azusa.jpg" height="720" width="1280" alt="">
57-
</vue-custom-scrollbar>
58-
</div>
54+
<div>
55+
<vue-custom-scrollbar
56+
class="scroll-area"
57+
:settings="settings"
58+
@ps-scroll-y="scrollHanle"
59+
>
60+
<img
61+
src="https://raw.githubusercontent.com/Binaryify/vue-custom-scrollbar/master/docs/azusa.jpg"
62+
height="720"
63+
width="1280"
64+
alt=""
65+
/>
66+
</vue-custom-scrollbar>
67+
</div>
5968
</template>
6069
<script>
70+
/**
71+
* For Vue2/Vue3
72+
*/
6173
import vueCustomScrollbar from 'vue-custom-scrollbar'
6274
import "vue-custom-scrollbar/dist/vueScrollbar.css"
75+
/**
76+
* For vite
77+
*/
78+
import vueCustomScrollbar from 'vue-custom-scrollbar/src/vue-scrollbar.vue'
79+
80+
6381
export default {
6482
components: {
6583
vueCustomScrollbar
@@ -80,7 +98,7 @@ export default {
8098
}
8199
}
82100
</script>
83-
<style>
101+
<style>
84102
.scroll-area {
85103
position: relative;
86104
margin: auto;

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /