0.1.0 • Published 4 years ago
vue-shuffle-text v0.1.0
vue-shuffle-text
これは何?
テキストをシャカシャカするやつです。
デモ
インストール
npm i vue-shuffle-text
yarn add vue-shuffle-text
使い方
import { ShuffleText } from 'vue-shuffle-text'
export default {
components: {
ShuffleText
},
data(){
return{
text: 'welcome' // 表示するテキストを指定
}
}
}
<templeate>
<div id="app">
<shuffle-text :original-text="text" />
</div>
</templeate>
追加の設定
import { ShuffleText } from 'vue-shuffle-text'
export default {
components: {
ShuffleText
},
data(){
return{
text: 'welcome', // 表示するテキストを指定
time: 20、 // テキストを表示する速度を調整
random: 'ABCDEFGHIJKLMNOPQRSTUVWXYG01234566789', // シャカシャカする文字を指定
empty: '-' // シャカシャカする前に表示する文字を指定
}
}
}
<templeate>
<div id="app">
<shuffle-text
:original-text="text"
:time-out="time"
:random-chars="random"
:empty-char="empty"
/>
</div>
</templeate>
License
MIT © ivgtr
0.1.0
4 years ago